怎么beginPath()沒起作用啊
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Canvas Circle (imooc)</title>
<link rel="stylesheet" href="">
<script type="text/javascript">
window.onload = function(){
var canvas = document.getElementById("mycanvas");
var context = canvas.getContext("2d");
context.lineWidth = 3;
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,true);
context.stroke();
}
}
</script>
</head>
<body>
<canvas id="mycanvas" width="1024" height="768" style="border: 1px solid black;display: block;margin:50px auto;">
</canvas>
</body>
</html>
2015-11-15
哦哦 我找到原因了，原來是初始圓心的坐標(biāo)在一起，所以 兩排 重疊了
2015-11-15
我也遇到這個(gè)問題，第二排并沒有重新繪制。請(qǐng)問你找到原因了嗎
2015-10-02
兩個(gè)for循環(huán)不是應(yīng)該有兩行嗎，而且我也有beginPath()