以下是一个简单的 <canvas> 标签的示例：
<canvas id="myCanvas" width="400" height="200"></canvas>
在这个例子中，<canvas> 元素创建了一个宽度为 400 像素、高度为 200 像素的画布，并通过 id 属性指定了一个唯一的标识符，以便后续通过JavaScript操作它。
要在 <canvas> 中绘制内容，需要使用JavaScript来获取上下文（context）并调用相关的绘图方法。例如，可以在JavaScript中添加以下代码：
<script>
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
// 绘制一个矩形
context.fillStyle = "blue";
context.fillRect(50, 50, 100, 100);
</script>
在这个例子中，通过JavaScript获取了 <canvas> 的上下文，并使用 fillRect 方法绘制了一个蓝色的矩形。
<canvas> 提供了丰富的API，可以进行各种图形绘制、路径绘制、图像处理等操作。它是实现图形和动画效果的重要工具之一。
转载请注明出处：http://www.zyzy.cn/article/detail/3830/HTML