如何使用html5在网页中绘制圆形

html5有很多的锪者谧桁新特性，其中一个最值得提及得特性就是HTML的canvas，可以对2D图形或位图进行动态的绘制。这篇经验就告诉你，如何使用html5在网页中绘制圆形。

工具/原料

电脑一台

php开发集成环境

SublimeText3编辑器

方法/步骤

1、第一步，在www目录下创建一个文件夹form，在该文件夹下创建文件circle.html.

2、第二步，在circle.html中输入canvas标签，并通过CSS设置它的高度、宽度和边框。

3、第三步，在circle.html中输入js脚本，js使用id获得canvas元素，创建c艺皱麾酪ontext对象，并绘制图形。主要使用劲忧商偌了函数arc(x,y,radius,startAngle,endAngle,anticlockwise)。