Canvas标签 ​

初识canvas标签 ​

<canvas> 是HTML5中的标签，它是一个容器，可以使用JS在其中绘制图形或文字。

<canvas> 是一个可以使用脚本 (通常为JavaScript) 来绘制图形的 HTML 元素。例如，它可以用于绘制图表、制作图片构图或者制作简单的动画。主要聚焦于2D图形。

创建画布 ​

在 html 文件中，使用 <canvas> 标签来创建一个画布。

<canvas id="myCanvas" width="700" height="600"></canvas>

<canvas id="myCanvas" width="700" height="600"></canvas>

<canvas> 标签只有两个必要的属性：width 和 height。这两个属性定义了 <canvas> 元素内部绘图区域的大小。

给画布添加阴影，便于观察

#myCanvas {
    box-shadow: 2px 2px 15px #eae9e9;
}

#myCanvas {
    box-shadow: 2px 2px 15px #eae9e9;
}