定义Canvas标签 · canvas基本功能

`<canvas>`标签定义图形，比如图表和其他图像，必须使用脚本来绘制图形。如图所示，在画布（Canvas）上画一个红色矩形、渐变矩形、彩色矩形和一些彩色的文字。一个画布在网页中是一个矩形框，通过 `<canvas>`元素来绘制。案例：创建一个画布 (`Canvas`) 代码清单： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> </head> <body> <canvas id="myCanvas" width="200" height="100" style="border: 1px solid #000000;"> 您的浏览器不支持 HTML5 canvas 标签。 </canvas> </body> </html> ``` 默认情况下`<canvas>`元素没有边框和内容，可以使用 `style` 属性来添加边框。标签通常需要指定一个 id 属性（脚本中经常引用），width 和 height 属性定义画布的大小。 >可以在 HTML 页面中使用多个 `<canvas>` 元素。程序运行效果如下图所示： ![](https://img.kancloud.cn/17/a6/17a63b2e9732e1e1a3d6b7f5ec70a6f3_273x143.png)