**用H5新特性Canvas画布画出一个圆形**

body部分代码:
<canvas id="myCanvas" width="500" height="500"></canvas>

js部分代码:
var can=document.getElementById("myCanvas");
var pen=can.getContext("2d");
drawCircle(200,200,100)
function drawCircle(x,y,r){
pen.beginPath();
for(var i=0;i<360;i++){
//求出1°对应的弧长
//Math.cos()需要传入弧度,所以将角度i转化为弧度
pen.lineTo(x+rMath.cos(iMath.PI/180),
y+rMath.sin(iMath.PI/180)
);
pen.stroke();
}
}

运行效果:

Paste_Image.png

是不是很简单呀~~😁