在HTML5中，可以通过画布元素和脚本绘制图形，通过fillRect()和clearReact()方法清除图像

HTML5中加入了很多新元素，可以帮助我们实现很多新功能。比如：绘图图形、多媒体内容、api拖放元素、定位、应用缓存、存储等等。今天，我们将分享HTML5中与画布元素相关的属性，这些属性用于定义图形，如图表和其他图像。是一个基于JavaScript的绘图API。接下来，我们将详细介绍如何通过画布元素绘制图像和清晰的图像

[推荐课程：HTML5教程]

图像绘制：

Canvas元素用于绘制图像，但本身不具备绘制功能，需要通过脚本实现绘制任务

示例：通过画布和JavaScript脚本画一个圆

中心坐标为：200，200；半径80；起始角度：0；结束角度：2 * math.pi。

canvasid=' MyCanvas ' width=' 500 ' height=' 500 ' '

您的浏览器不支持HTML5canvas标签。/canvas

脚本

varc=document . GetElementbyID(' MyCanvas ')；

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

CTX . BeginPath()；

ctx.arc(120，150，80，0，2*Math。PI)；

CTX . stroke()；

ctx.fillStyle='粉色'；

CTX . fill()；

/script

本文转载自中文网站