HTML5使用画布API在网页上创建图形。我们可以用它画任何东西，它使用JavaScript。它通过避免从网络下载图像来提高网站性能。使用画布，我们可以绘制形状和线条、弧线和文本、渐变和图案。此外，canvas允许我们操纵图像甚至视频中的像素。您可以将画布元素添加到HTML页面，如下所示：

canvas id=' my canvas ' width=' 200 ' height=' 100 '/canvas

画布元素不具备绘制元素的功能。我们可以用JavaScript来画画。所有的图都要用JavaScript。

脚本类型='text/javascript '

var c=document . getelementbyid(' my canvas ')；

var cxt=c . GetContext(' 2d ')；

cxt.fillStyle=' blue

cxt.storkeStyle=' red

cxt.fillRect(10，10，100，100)；

cxt.storkeRect(10，10，100，100)；

/script

上述脚本的输出如图6所示。

可以画很多对象，比如弧、圆、线/垂直渐变等。