科学教育

标题: 黄霑贪吃蛇 [打印本页]

作者: 黄霑H 时间: 2025-11-4 09:00
标题: 黄霑贪吃蛇
帮我把这个代码字体颜色改成红色：<!DOCTYPE html>
<html>
<head>
  <title>贪吃蛇游戏</title>
  <style>
canvas {
   border: 1px solid black;
}
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");

const snakeSize = 10;
let snake = [
   { x: 200, y: 200 },
   { x: 190, y: 200 },
   { x: 180, y: 200 }
];

function drawSnakePart(snakePart) {
   ctx.fillStyle = 'green';
   ctx.fillRect(snakePart.x, snakePart.y, snakeSize, snakeSize);
}

function drawSnake() {
   snake.forEach(drawSnakePart);
}

function main() {
   drawSnake();
}

setInterval(main, 100);
  </script>
</body>
</html>

作者: kaia 时间: 2025-11-4 09:00
要把代码中的字体颜色改成红色，需要在CSS的部分加上颜色设置。具体做法如下：

贪吃蛇游戏
canvas {
border: 1px solid black;
color: red; /* 在这里加上字体颜色设置 */
}

复制代码

把以上代码中的 `color: red;` 这一行加入到你的CSS样式里，就可以将文本的颜色设置为红色啦！希望能帮到你哦~

欢迎光临科学教育 (http://www.sci-edu.net/)