<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Insert?title?here</title>
</head>
<body>
<canvas?id="canvas"?style="border:1px?solid?#aaa;display:?block;?margin:?50px?auto;">
?如果瀏覽器不支持請(qǐng)更換瀏覽器?。?！
</canvas>
<script>
window.onload?=?function(){
var?canvas?=?document.getElementById("canvas");
canvas.width=1024;
canvas.height=768
var?context?=?canvas.getContext("2d")
//使用context繪制
context.lineWidth=5
context.strokeStyle="#005588"
for(var?i?=0;?i<10;i++){
context.beginPath()
context.arc(50+i*100,60,40,0,2*Math.PI*(i+1)/10)
context.closePath()
context.stroke()
}
for(var?i?=0;?i<10;i++){
context.beginPath()
context.arc(50+i*100,60,40,0,2*Math.PI*(i+1)/10)
context.stroke()
}
for(var?i?=0;?i<10;i++){
context.beginPath()
context.arc(50+i*100,60,40,0,2*Math.PI*(i+1)/10,true)
context.closePath()
context.stroke()
}
}
</script>
</body>
</html>
2015-08-24
初始y坐標(biāo)都沒(méi)變，當(dāng)然畫(huà)一起去了
2015-06-24
圓y坐標(biāo)，3個(gè)for循環(huán)應(yīng)該不一樣