HTML <canvas>画布标签

HTML画布元件提供HTML位图面与工作。它用于在网页上绘制图形。

的HTML 5 <画布>标记用于绘制使用脚本语言如JavaScript图形。

<canvas> 元素只是图形的容器，您必须需要脚本语言才能绘制图形。<canvas> 元素允许对 2D 形状和位图图像进行动态和脚本化渲染。

它是一个更新位图且没有内置场景的低级程序模型。画布中有几种方法可以绘制路径、框、圆、文本和添加图像。

如何创建 HTML 画布？

画布是 HTML 页面上类似矩形的区域。它是用画布元素指定的。默认情况下， <canvas> 元素没有边框也没有内容，它就像一个容器。

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

HTML 5 Canvas 标签示例

<canvas id="myCanvas1" width="300" height="100" style="border:2px solid;">  
Your browser does not support the HTML5 canvas tag.  
</canvas>

输出：

注意：始终需要指定 id 属性和 height & width 属性来定义画布的大小。在一个 HTML 页面上可以有多个画布元素。

支持浏览器