canvas 嵌入html 页面

要在 HTML 页面中嵌入 Canvas，需要在 HTML 文件中添加一个 Canvas 元素。可以使用以下代码：

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

这将在 HTML 页面中创建一个 Canvas 元素，并为其指定一个 ID 为 "myCanvas"。接下来，可以使用 JavaScript 代码获取该元素并开始在其中绘制图形。

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

这些代码将获取 Canvas 元素，并使用 getContext() 方法获取 2D 绘图上下文。这个上下文对象是用来进行绘图的重要工具。有了它，就可以在 Canvas 上绘制各种形状、图像和文本。

现在，你可以使用 Canvas 上下文对象的各种方法来进行绘图了。例如，可以使用以下代码在 Canvas 中绘制一个红色矩形。

ctx.fillStyle = "red";
ctx.fillRect(50, 50, 100, 100);

这些代码将设置 Canvas 上下文对象的填充颜色为红色，并使用 fillRect() 方法在 Canvas 上绘制一个 100x100 像素的矩形，其左上角坐标为 (50,50)。

这只是一个简单的例子，但是使用 Canvas，可以绘制更复杂的图形和动画，使网页更加生动和交互。