canvas绘制图形

Canvas 是 HTML5 中新增的一个标签，它可以用来绘制图形、动画等。通过 JavaScript 脚本，我们可以在 Canvas 上绘制各种形状、图像和文本。

下面是一个简单的例子，展示如何在 Canvas 上绘制一个矩形：

<canvas id="myCanvas" width="200" height="100"></canvas>

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 200, 100);

这段代码会在一个宽度为 200，高度为 100 的 Canvas 上绘制一个红色的矩形。