{"id":305672,"date":"2024-05-20T19:52:00","date_gmt":"2024-05-20T11:52:00","guid":{"rendered":"https:\/\/docs.pingcode.com\/ask\/ask-ask\/305672.html"},"modified":"2024-05-20T19:52:13","modified_gmt":"2024-05-20T11:52:13","slug":"%e5%a6%82%e4%bd%95%e9%80%9a%e8%bf%87-canvas-%e7%bb%98%e5%88%b6%e4%b8%80%e6%9d%a1%e5%b1%9e%e4%ba%8e%e8%87%aa%e5%b7%b1%e7%9a%84%e8%b4%aa%e5%90%83%e8%9b%87","status":"publish","type":"post","link":"https:\/\/docs.pingcode.com\/ask\/305672.html","title":{"rendered":"\u5982\u4f55\u901a\u8fc7 canvas \u7ed8\u5236\u4e00\u6761\u5c5e\u4e8e\u81ea\u5df1\u7684\u8d2a\u5403\u86c7"},"content":{"rendered":"

\"\u5982\u4f55\u901a\u8fc7<\/p>\n

\u901a\u8fc7Canvas\u7ed8\u5236\u4e00\u6761\u5c5e\u4e8e\u81ea\u5df1\u7684\u8d2a\u5403\u86c7\u4e3b\u8981\u5305\u62ec\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\uff1a\u8bbe\u7f6e\u753b\u5e03\u3001\u521d\u59cb\u5316\u86c7\u8eab\u3001\u7f16\u5199\u63a7\u5236\u86c7\u79fb\u52a8\u7684\u903b\u8f91\u3001\u5b9e\u73b0\u98df\u7269\u7684\u968f\u673a\u751f\u6210\u548c\u86c7\u7684\u5403\u98df\u884c\u4e3a\u3001\u68c0\u6d4b\u6e38\u620f\u7ed3\u675f\u6761\u4ef6<\/strong>\u3002\u5176\u4e2d\uff0c\u7f16\u5199\u63a7\u5236\u86c7\u79fb\u52a8\u7684\u903b\u8f91\u662f\u6838\u5fc3\u90e8\u5206\uff0c\u9700\u8981\u8be6\u7ec6\u63cf\u8ff0\u3002\u8fd9\u6d89\u53ca\u5230\u86c7\u8eab\u4f53\u7684\u6570\u636e\u7ed3\u6784\u8868\u793a\uff0c\u4ee5\u53ca\u5982\u4f55\u901a\u8fc7\u952e\u76d8\u4e8b\u4ef6\u6539\u53d8\u86c7\u5934\u7684\u65b9\u5411\uff0c\u5e76\u786e\u4fdd\u86c7\u8eab\u8ddf\u968f\u86c7\u5934\u79fb\u52a8\u3002<\/p>\n<\/p>\n

\u4e00\u3001\u8bbe\u7f6e\u753b\u5e03<\/h3>\n<\/p>\n

\u9996\u5148\uff0c\u6211\u4eec\u9700\u8981\u5728HTML\u4e2d\u521b\u5efa\u4e00\u4e2a<canvas><\/code>\u6807\u7b7e\uff0c\u5e76\u901a\u8fc7JavaScript\u83b7\u53d6\u8fd9\u4e2a\u6807\u7b7e\u7684\u5f15\u7528\u3002canvas\u5143\u7d20\u4e3a\u6211\u4eec\u63d0\u4f9b\u4e86\u4e00\u4e2a\u4e30\u5bcc\u7684\u7ed8\u56feAPI\uff0c\u6211\u4eec\u5c06\u5229\u7528\u8fd9\u4e2aAPI\u7ed8\u5236\u8d2a\u5403\u86c7\u7684\u86c7\u8eab\u548c\u98df\u7269\u3002<\/p>\n<\/p>\n

<canvas id="snakeGame" width="400" height="400"><\/canvas><\/p>\n
<\/code><\/pre>\n<\/p>\n
\u5728JavaScript\u4e2d\uff0c\u6211\u4eec\u5148\u83b7\u53d6canvas\u5143\u7d20\uff0c\u7136\u540e\u83b7\u5f97\u5176\u4e0a\u4e0b\u6587(context)\uff0c\u4e4b\u540e\u6240\u6709\u7684\u7ed8\u5236\u64cd\u4f5c\u90fd\u5c06\u57fa\u4e8e\u8fd9\u4e2a\u4e0a\u4e0b\u6587\u8fdb\u884c\u3002<\/p>\n<\/p>\n
const canvas = document.getElementById('snakeGame');<\/p>\n
const ctx = canvas.getContext('2d');<\/p>\n
<\/code><\/pre>\n<\/p>\n
\u4e8c\u3001\u521d\u59cb\u5316\u86c7\u8eab<\/h3>\n<\/p>\n
\u8d2a\u5403\u86c7\u7684\u86c7\u8eab\u53ef\u4ee5\u8868\u793a\u4e3a\u4e00\u4e2a\u65b9\u5757\u7684\u6570\u7ec4\uff0c\u6bcf\u4e2a\u65b9\u5757\u4ee3\u8868\u86c7\u8eab\u7684\u4e00\u4e2a\u90e8\u5206\u3002\u521d\u59cb\u5316\u65f6\uff0c\u86c7\u8eab\u53ef\u4ee5\u53ea\u6709\u4e00\u4e2a\u6216\u51e0\u4e2a\u65b9\u5757\u957f\u3002\u540c\u65f6\uff0c\u6211\u4eec\u9700\u8981\u8bbe\u5b9a\u86c7\u8eab\u7684\u5927\u5c0f\u3001\u989c\u8272\u548c\u521d\u59cb\u79fb\u52a8\u65b9\u5411\u3002<\/p>\n<\/p>\n
let snake = [{ x: 200, y: 200 }];<\/p>\n
const snakeSize = 20; \/\/ \u86c7\u8eab\u6bcf\u4e2a\u65b9\u5757\u7684\u5927\u5c0f<\/p>\n
const snakeColor = 'green'; \/\/ \u86c7\u8eab\u7684\u989c\u8272<\/p>\n
let direction = 'right'; \/\/ \u521d\u59cb\u79fb\u52a8\u65b9\u5411<\/p>\n
<\/code><\/pre>\n<\/p>\n
\u7ed8\u5236\u86c7\u8eab\u7684\u51fd\u6570\u904d\u5386\u86c7\u8eab\u6570\u7ec4snake<\/code>\uff0c\u5e76\u5728canvas\u4e0a\u7ed8\u5236\u51fa\u6bcf\u4e2a\u90e8\u5206\u3002<\/p>\n<\/p>\n
function drawSnake() {<\/p>\n
    ctx.fillStyle = snakeColor;<\/p>\n
    snake.forEach(part => {<\/p>\n
        ctx.fillRect(part.x, part.y, snakeSize, snakeSize);<\/p>\n
    });<\/p>\n
}<\/p>\n
<\/code><\/pre>\n<\/p>\n
\u4e09\u3001\u63a7\u5236\u86c7\u79fb\u52a8\u7684\u903b\u8f91<\/h3>\n<\/p>\n
\u63a7\u5236\u8d2a\u5403\u86c7\u79fb\u52a8\u662f\u672c\u9879\u76ee\u7684\u6838\u5fc3\u90e8\u5206\u3002\u6211\u4eec\u9700\u8981\u76d1\u542c\u952e\u76d8\u4e8b\u4ef6\uff0c\u6839\u636e\u4e0a\u4e0b\u5de6\u53f3\u7bad\u5934\u952e\u6539\u53d8\u86c7\u7684\u79fb\u52a8\u65b9\u5411\u3002\u968f\u7740\u65f6\u95f4\u7684\u63a8\u79fb\uff0c\u86c7\u5934\u9700\u8981\u6839\u636e\u5f53\u524d\u7684\u65b9\u5411\u79fb\u52a8\uff0c\u540c\u65f6\u86c7\u8eab\u7684\u6bcf\u4e2a\u90e8\u5206\u4e5f\u8981\u8ddf\u968f\u86c7\u5934\u524d\u8fdb\u3002\u91cd\u8981\u7684\u662f\uff0c\u86c7\u8eab\u7684\u79fb\u52a8\u5b9e\u9645\u4e0a\u662f\u86c7\u5934\u7684\u65b0\u4f4d\u7f6e\u52a0\u5165\u5230\u86c7\u8eab\u6570\u7ec4\u7684\u5934\u90e8\uff0c\u800c\u6570\u7ec4\u5c3e\u90e8\u7684\u5143\u7d20\u88ab\u79fb\u9664\uff0c\u4ece\u800c\u5b9e\u73b0\u4e86\u86c7\u8eab\u7684\u201c\u79fb\u52a8\u201d\u3002<\/p>\n<\/p>\n
document.addEventListener('keydown', changeDirection);<\/p>\n
function changeDirection(event) {<\/p>\n
    if (event.keyCode === 37 && direction !== 'right') {<\/p>\n
        direction = 'left';<\/p>\n
    } else if (event.keyCode === 38 && direction !== 'down') {<\/p>\n
        direction = 'up';<\/p>\n
    } else if (event.keyCode === 39 && direction !== 'left') {<\/p>\n
        direction = 'right';<\/p>\n
    } else if (event.keyCode === 40 && direction !== 'up') {<\/p>\n
        direction = 'down';<\/p>\n
    }<\/p>\n
}<\/p>\n
function moveSnake() {<\/p>\n
    let head = { x: snake[0].x, y: snake[0].y };<\/p>\n
    switch(direction) {<\/p>\n
        case 'right':<\/p>\n
            head.x += snakeSize;<\/p>\n
            break;<\/p>\n
        case 'left':<\/p>\n
            head.x -= snakeSize;<\/p>\n
            break;<\/p>\n
        case 'up':<\/p>\n
            head.y -= snakeSize;<\/p>\n
            break;<\/p>\n
        case 'down':<\/p>\n
            head.y += snakeSize;<\/p>\n
            break;<\/p>\n
    }<\/p>\n
    snake.unshift(head);<\/p>\n
    snake.pop(); \/\/ \u79fb\u9664\u6570\u7ec4\u7684\u6700\u540e\u4e00\u4e2a\u5143\u7d20\uff0c\u6a21\u62df\u86c7\u7684\u79fb\u52a8<\/p>\n
}<\/p>\n
<\/code><\/pre>\n<\/p>\n
\u56db\u3001\u5b9e\u73b0\u98df\u7269\u7684\u968f\u673a\u751f\u6210\u548c\u86c7\u7684\u5403\u98df\u884c\u4e3a<\/h3>\n<\/p>\n
\u8d2a\u5403\u86c7\u6e38\u620f\u4e2d\u7684\u98df\u7269\u9700\u8981\u968f\u673a\u51fa\u73b0\u5728\u753b\u5e03\u4e0a\uff0c\u800c\u5f53\u86c7\u5934\u78b0\u5230\u98df\u7269\u7684\u4f4d\u7f6e\u65f6\uff0c\u86c7\u9700\u8981\u5403\u6389\u98df\u7269\u5e76\u4e14\u8eab\u4f53\u53d8\u957f\u3002\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u5728\u753b\u5e03\u4e0a\u968f\u673a\u751f\u6210\u4e00\u4e2a\u70b9\u4f5c\u4e3a\u98df\u7269\u7684\u4f4d\u7f6e\uff0c\u5f53\u86c7\u5934\u7684\u5750\u6807\u4e0e\u98df\u7269\u5750\u6807\u91cd\u53e0\u65f6\uff0c\u5c06\u98df\u7269\u79fb\u52a8\u5230\u65b0\u7684\u4f4d\u7f6e\uff0c\u5e76\u8ba9\u86c7\u8eab\u589e\u957f\u4e00\u4e2a\u5355\u4f4d\u3002<\/p>\n<\/p>\n
let food = { x: randomPosition(), y: randomPosition() };<\/p>\n
const foodColor = 'red';<\/p>\n
function drawFood() {<\/p>\n
    ctx.fillStyle = foodColor;<\/p>\n
    ctx.fillRect(food.x, food.y, snakeSize, snakeSize);<\/p>\n
}<\/p>\n
function randomPosition() {<\/p>\n
    return Math.floor(Math.random() * canvas.width \/ snakeSize) * snakeSize;<\/p>\n
}<\/p>\n
function eatFood() {<\/p>\n
    if (snake[0].x === food.x && snake[0].y === food.y) {<\/p>\n
        food = { x: randomPosition(), y: randomPosition() };<\/p>\n
        snake.push({ x: snake[snake.length-1].x, y: snake[snake.length-1].y });<\/p>\n
    }<\/p>\n
}<\/p>\n
<\/code><\/pre>\n<\/p>\n
\u4e94\u3001\u68c0\u6d4b\u6e38\u620f\u7ed3\u675f\u6761\u4ef6<\/h3>\n<\/p>\n
\u6e38\u620f\u7684\u7ed3\u675f\u6761\u4ef6\u4e3b\u8981\u6709\u4e24\u4e2a\uff1a\u4e00\u662f\u86c7\u649e\u5230\u5899\u58c1\uff0c\u5373\u86c7\u5934\u7684\u5750\u6807\u8d85\u51fa\u4e86canvas\u7684\u8fb9\u754c\uff1b\u4e8c\u662f\u86c7\u649e\u5230\u4e86\u81ea\u5df1\u7684\u8eab\u4f53\uff0c\u5373\u86c7\u5934\u7684\u5750\u6807\u4e0e\u86c7\u8eab\u6570\u7ec4\u4e2d\u4efb\u4e00\u90e8\u5206\u7684\u5750\u6807\u91cd\u53e0\u3002\u68c0\u6d4b\u8fd9\u4e9b\u6761\u4ef6\uff0c\u5e76\u5728\u6761\u4ef6\u6ee1\u8db3\u65f6\u7ed3\u675f\u6e38\u620f\u3002<\/p>\n<\/p>\n
function checkGameOver() {<\/p>\n
    \/\/ \u68c0\u6d4b\u649e\u5899<\/p>\n
    if (snake[0].x < 0 || snake[0].x >= canvas.width || snake[0].y < 0 || snake[0].y >= canvas.height) {<\/p>\n
        return true;<\/p>\n
    }<\/p>\n
    \/\/ \u68c0\u6d4b\u649e\u5230\u81ea\u5df1<\/p>\n
    for (let i = 4; i < snake.length; i++) {<\/p>\n
        if (snake[0].x === snake[i].x && snake[0].y === snake[i].y) {<\/p>\n
            return true;<\/p>\n
        }<\/p>\n
    }<\/p>\n
    return false;<\/p>\n
}<\/p>\n
<\/code><\/pre>\n<\/p>\n
\u516d\u3001\u6e38\u620f\u5faa\u73af<\/h3>\n<\/p>\n
\u6574\u4e2a\u8d2a\u5403\u86c7\u6e38\u620f\u7684\u903b\u8f91\u53ef\u4ee5\u653e\u5728\u4e00\u4e2a\u6e38\u620f\u5faa\u73af\u4e2d\u3002\u8fd9\u4e2a\u5faa\u73af\u8d1f\u8d23\u6e05\u9664\u753b\u5e03\u3001\u7ed8\u5236\u86c7\u8eab\u548c\u98df\u7269\u3001\u79fb\u52a8\u86c7\u8eab\u3001\u5403\u98df\u7269\u4ee5\u53ca\u68c0\u6d4b\u6e38\u620f\u7ed3\u675f\u3002\u4f7f\u7528requestAnimationFrame<\/code>\u6765\u5b9e\u73b0\u8fd9\u4e2a\u5faa\u73af\u3002<\/p>\n<\/p>\n
function gameLoop() {<\/p>\n
    if (checkGameOver()) {<\/p>\n
        alert("Game Over!");<\/p>\n
        window.location.reload(); \/\/ \u91cd\u8f7d\u9875\u9762\u6765\u91cd\u542f\u6e38\u620f<\/p>\n
    } else {<\/p>\n
        setTimeout(() => {<\/p>\n
            clearCanvas();<\/p>\n
            drawFood();<\/p>\n
            moveSnake();<\/p>\n
            eatFood();<\/p>\n
            drawSnake();<\/p>\n
            requestAnimationFrame(gameLoop);<\/p>\n
        }, 100);<\/p>\n
    }<\/p>\n
}<\/p>\n
function clearCanvas() {<\/p>\n
    ctx.clearRect(0, 0, canvas.width, canvas.height);<\/p>\n
}<\/p>\n
gameLoop(); \/\/ \u542f\u52a8\u6e38\u620f\u5faa\u73af<\/p>\n
<\/code><\/pre>\n<\/p>\n
\u4ee5\u4e0a\u662f\u901a\u8fc7Canvas API\u5b9e\u73b0\u4e00\u4e2a\u7b80\u5355\u7684\u8d2a\u5403\u86c7\u6e38\u620f\u7684\u4e3b\u8981\u6b65\u9aa4\u3002\u901a\u8fc7\u8fd9\u4e2a\u9879\u76ee\uff0c\u6211\u4eec\u4e0d\u4ec5\u53ef\u4ee5\u5b66\u4f1a\u5982\u4f55\u4f7f\u7528Canvas\u6765\u7ed8\u5236\u56fe\u5f62\uff0c\u8fd8\u80fd\u52a0\u6df1\u5bf9JavaScript\u4e8b\u4ef6\u5904\u7406\u548c\u6570\u7ec4\u64cd\u4f5c\u7684\u7406\u89e3\u3002<\/p>\n<\/p>\n
\u76f8\u5173\u95ee\u7b54FAQs\uff1a<\/strong><\/h2>\n
1. \u5982\u4f55\u5728canvas\u4e0a\u7ed8\u5236\u8d2a\u5403\u86c7\u7684\u8eab\u4f53\u548c\u98df\u7269\uff1f<\/strong><\/p>\n
    \n
  • \u9996\u5148\uff0c\u521b\u5efa\u4e00\u4e2acanvas\u5143\u7d20\uff0c\u5e76\u83b7\u53d6\u5230\u5b83\u7684\u4e0a\u4e0b\u6587\uff08context\uff09\u3002<\/li>\n
  • \u521b\u5efa\u4e00\u4e2a\u6570\u7ec4\u6765\u5b58\u50a8\u8d2a\u5403\u86c7\u7684\u8eab\u4f53\u5750\u6807\u3002<\/li>\n
  • \u4f7f\u7528\u4e0a\u4e0b\u6587\u7684fillRect<\/code>\u65b9\u6cd5\uff0c\u5728canvas\u4e0a\u7ed8\u5236\u8d2a\u5403\u86c7\u7684\u8eab\u4f53\uff0c\u53ef\u4ee5\u9009\u62e9\u989c\u8272\u548c\u5927\u5c0f\u3002<\/li>\n
  • \u4e3a\u8d2a\u5403\u86c7\u7684\u8eab\u4f53\u521b\u5efa\u4e00\u4e2a\u8868\u793a\u65b9\u5411\u7684\u53d8\u91cf\uff0c\u4ee5\u4fbf\u5728\u6bcf\u6b21\u66f4\u65b0\u65f6\u786e\u5b9a\u8d2a\u5403\u86c7\u7684\u524d\u8fdb\u65b9\u5411\u3002<\/li>\n
  • \u4e3a\u9875\u9762\u6dfb\u52a0\u76d1\u542c\u5668\uff0c\u7528\u4e8e\u63a7\u5236\u8d2a\u5403\u86c7\u7684\u79fb\u52a8\u3002<\/li>\n
  • \u4f7f\u7528requestAnimationFrame<\/code>\u51fd\u6570\u6765\u66f4\u65b0\u8d2a\u5403\u86c7\u7684\u4f4d\u7f6e\u548c\u7ed8\u5236\u98df\u7269\u3002<\/li>\n<\/ul>\n
    2. \u5982\u4f55\u5728canvas\u4e0a\u5b9e\u73b0\u8d2a\u5403\u86c7\u7684\u79fb\u52a8\u548c\u5403\u98df\u7269\u7684\u529f\u80fd?<\/strong><\/p>\n
      \n
    • \u5728\u66f4\u65b0\u8d2a\u5403\u86c7\u7684\u4f4d\u7f6e\u4e4b\u524d\uff0c\u9996\u5148\u68c0\u67e5\u5f53\u524d\u7684\u79fb\u52a8\u65b9\u5411\uff0c\u5e76\u6839\u636e\u65b9\u5411\u6765\u66f4\u65b0\u8d2a\u5403\u86c7\u7684\u5934\u90e8\u5750\u6807\u3002<\/li>\n
    • \u68c0\u67e5\u8d2a\u5403\u86c7\u7684\u5934\u90e8\u662f\u5426\u4e0e\u98df\u7269\u7684\u5750\u6807\u91cd\u5408\uff0c\u5982\u679c\u662f\uff0c\u5219\u589e\u52a0\u8d2a\u5403\u86c7\u7684\u957f\u5ea6\uff0c\u540c\u65f6\u5728canvas\u4e0a\u751f\u6210\u65b0\u7684\u98df\u7269\u3002<\/li>\n
    • \u4f7f\u7528unshift<\/code>\u65b9\u6cd5\u5c06\u8d2a\u5403\u86c7\u7684\u65b0\u5934\u90e8\u5750\u6807\u6dfb\u52a0\u5230\u6570\u7ec4\u7684\u524d\u9762\uff0c\u540c\u65f6\u4f7f\u7528pop<\/code>\u65b9\u6cd5\u4ece\u6570\u7ec4\u7684\u5c3e\u90e8\u5220\u9664\u6700\u540e\u4e00\u4e2a\u5750\u6807\uff0c\u4ee5\u5b9e\u73b0\u8d2a\u5403\u86c7\u7684\u79fb\u52a8\u6548\u679c\u3002<\/li>\n
    • \u68c0\u67e5\u8d2a\u5403\u86c7\u662f\u5426\u78b0\u5230\u4e86\u8fb9\u754c\u6216\u8005\u81ea\u8eab\u7684\u8eab\u4f53\uff0c\u5982\u679c\u662f\uff0c\u5219\u6e38\u620f\u7ed3\u675f\u3002<\/li>\n<\/ul>\n
      3. \u5982\u4f55\u4e3a\u8d2a\u5403\u86c7\u6e38\u620f\u6dfb\u52a0\u5f97\u5206\u548c\u96be\u5ea6\u9012\u589e\u7684\u529f\u80fd?<\/strong><\/p>\n
        \n
      • \u521b\u5efa\u4e00\u4e2a\u8868\u793a\u5f97\u5206\u7684\u53d8\u91cf\uff0c\u5e76\u5728\u8d2a\u5403\u86c7\u5403\u5230\u98df\u7269\u65f6\u589e\u52a0\u5f97\u5206\u3002<\/li>\n
      • \u5728canvas\u4e0a\u7ed8\u5236\u5f97\u5206\u7684\u6587\u672c\uff0c\u53ef\u4ee5\u9009\u62e9\u81ea\u5b9a\u4e49\u6837\u5f0f\u3002<\/li>\n
      • \u8bbe\u7f6e\u4e00\u4e2a\u521d\u59cb\u7684\u79fb\u52a8\u901f\u5ea6\uff0c\u5e76\u5728\u8d2a\u5403\u86c7\u5403\u5230\u98df\u7269\u65f6\u9010\u6e10\u589e\u52a0\u79fb\u52a8\u901f\u5ea6\uff0c\u4ee5\u589e\u52a0\u6e38\u620f\u7684\u96be\u5ea6\u3002<\/li>\n
      • \u53ef\u4ee5\u4f7f\u7528\u8ba1\u65f6\u5668\u6765\u63a7\u5236\u8d2a\u5403\u86c7\u7684\u79fb\u52a8\u901f\u5ea6\uff0c\u901a\u8fc7\u9010\u6e10\u51cf\u5c11\u8ba1\u65f6\u5668\u7684\u65f6\u95f4\u95f4\u9694\u6765\u52a0\u5feb\u8d2a\u5403\u86c7\u7684\u79fb\u52a8\u3002<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"\u901a\u8fc7Canvas\u7ed8\u5236\u4e00\u6761\u5c5e\u4e8e\u81ea\u5df1\u7684\u8d2a\u5403\u86c7\u4e3b\u8981\u5305\u62ec\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\uff1a\u8bbe\u7f6e\u753b\u5e03\u3001\u521d\u59cb\u5316\u86c7\u8eab\u3001\u7f16\u5199\u63a7\u5236\u86c7\u79fb\u52a8\u7684\u903b\u8f91\u3001\u5b9e\u73b0 […]","protected":false},"author":3,"featured_media":305693,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[37],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/posts\/305672"}],"collection":[{"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/comments?post=305672"}],"version-history":[{"count":0,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/posts\/305672\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/media\/305693"}],"wp:attachment":[{"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/media?parent=305672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/categories?post=305672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.pingcode.com\/wp-json\/wp\/v2\/tags?post=305672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}