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°對(duì)應(yīng)的弧長(zhǎng)
//Math.cos()需要傳入弧度,所以將角度i轉(zhuǎn)化為弧度
pen.lineTo(x+rMath.cos(iMath.PI/180),
y+rMath.sin(iMath.PI/180)
);
pen.stroke();
}
}
運(yùn)行效果:
Paste_Image.png
是不是很簡(jiǎn)單呀~~??
