为何我绘制的圆有一条一条的连线
来源：2-3 绘制弧和圆
喝奶茶的猫
2015-02-06 18:22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CanvasArc</title>
</head>
<body>
<canvas id="canvas" style="display: block;border: 1px solid #aaa;margin: 50px auto">
如果浏览器不支持请更换浏览器！！！
</canvas>
<script>
var canvas=document.getElementById("canvas");
canvas.width=800;
canvas.height=800;
var context=canvas.getContext('2d');
for(var i=0;i<10;i++){
context.arc(50+i*100,200,40,0,2*Math.PI*(i+1)/10,true);
context.closePath();
context.stroke();
}
</script>
</body>
</html>
请哪位同学帮我运行一下看看 问题在哪里 谢谢
写回答
关注
1回答
-
- derrick9006
- 2015-02-12 01:57:41
beginPath() 呢？
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CanvasArc</title> </head> <body> <canvas id="canvas" style="display: block;border: 1px solid #aaa;margin: 50px auto"> 如果浏览器不支持请更换浏览器！！！ </canvas> <script> var canvas=document.getElementById("canvas"); canvas.width=800; canvas.height=800; var context=canvas.getContext('2d'); for(var i=0;i<10;i++){ context.beginPath(); context.arc(50+i*100,200,40,0,2*Math.PI*(i+1)/10,true); context.closePath(); context.stroke(); } </script> </body> </html>
炫丽的倒计时效果Canvas绘图与动画基础
学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力
96746 学习 · 1000 问题
相似问题