HTML5中的Canvasarc()可以用来创建圆。首先说一下arc()的语法和参数设置

语法：弧线(x，y，r，桑乐，角度，计数器时钟方向)

x代表圆心的x轴坐标

y代表圆心的y轴坐标

r代表圆的半径

桑乐表示一个圆的起始角，以弧度计算，园中三点钟方向为0度

以弧度为单位，指示花园的结束角。

逆时针是一个可选值，指定画圆的方向，是顺时针还是逆时针，假是顺时针，真是逆时针

注意：要创建一个带圆弧()的圆，需要将起始角度设置为0，结束角度设置为2 * math.pi。

画圆的角度可以参考下图：

arc.gif

例1:用画布画一个空心圆，代码如下：

！DOCTYPEhtml

超文本标记语言

头

metharset=' UTF-8 '

标题/头衔

/head

身体

canvasid=' MyCanvas ' width=' 200 ' height=' 100 ' style=' border :1 pxsolid # 000；'

/body

scripttype='text/javascript '

varc=document . GetElementbyID(' MyCanvas ')；//查找画布元素：

var CTX=c . GetContext(' 2d ')；//创建上下文对象

CTX . BeginPath()；//标记开始一条路径

ctx.arc(100，50，40，0，2*Math。PI)；//在画布上画一个圆

ctx.stroke()

/script

/html

本文转载自中文网站