js 的canvas怎么使用

Canvas 是 HTML5 中新增的标签，用于在网页中绘制图形。使用 Canvas，您可以在网页中绘制各种图形，包括线条、矩形、圆形、文本等等。

以下是使用 Canvas 的基本步骤：

1. 在 HTML 中添加 Canvas 标签

<canvas id="myCanvas"></canvas>

2. 获取 Canvas 对象

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

3. 绘制图形

// 绘制矩形
ctx.fillStyle = "red";
ctx.fillRect(10, 10, 50, 50);

// 绘制圆形
ctx.beginPath();
ctx.arc(100, 100, 50, 0, 2 * Math.PI);
ctx.fillStyle = "blue";
ctx.fill();

// 绘制文本
ctx.font = "30px Arial";
ctx.fillStyle = "green";
ctx.fillText("Hello World", 200, 50);

4. 清空画布

ctx.clearRect(0, 0, canvas.width, canvas.height);

5. 绑定事件

canvas.addEventListener("mousedown", function(event) {
  console.log("鼠标按下了");
});

以上是 Canvas 的基本使用方法，您可以通过 Canvas 的 API 进一步了解其功能。