行云流水_0013
2015-03-25 00:44
<!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;"> 如果浏览器不支持请更换浏览器!!! </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>
初始y坐标都没变,当然画一起去了
圆y坐标,3个for循环应该不一样
炫丽的倒计时效果Canvas绘图与动画基础
96913 学习 · 1029 问题
相似问题
回答 1
回答 1