为什么这里rotate(30)实现的效果不一样。
来源:4-9 小案例
迎风向上乀
2017-08-25 16:10:59
//时钟表盘绘画
ctx.translate(400,100);
ctx.beginPath();
ctx.arc(0,0,50,0,2*Math.PI,true);
ctx.stroke();
ctx.beginPath();
for(var i=0;i<12;i++){
ctx.rotate(30);
ctx.moveTo(40,0);
ctx.lineTo(50,0);
}
ctx.stroke();2回答
怎么都被占用了呢
2017-08-25
canvas中的rotate方法,旋转角度是以弧度计算的。计算方式是:degrees(角度)*Math.PI/180。上边同学说的 “你这里的30不是30度的意思”是对的哦
wykun
2017-08-25
你这里的30不是30度的意思,举个例子,如果你不写Math.PI/6 写成3.14/6那么它代表的就是30度,你可以自己写个3.14/6试试,就会发现接近很多
相似问题