arc(x, y, radius, startAngle, endAngle, anticlockwise) 這個方法使用五個参数︰x 和 y 是圓中的坐標。radius 為半徑。 startAngle 和 endAngle 參數以弧度定义弧線的起角和終角。 起角和終角以 x 軸为准。anticlockwise 參數是一個布尔值,若為 true 就为逆时针,反之則為順時針。 今天学习canvas的时候想对比不同endAngle的效果,结果出现了奇怪的问题(其实也不奇怪。。我理解不够) [crayon-50361f9fb646b/] 画出来竟然是这样的。。 去掉moveTo的注释变成了这样 这样原因就很明显了 因为Canvas有个提笔,落笔的问题,每次绘图只要不move,笔就一直是落下的,所以有轨迹。。 最终还是找到了解决方案 每次绘图前需要先执行beginPath(),再用arc()绘图,最后用stroke()或fill()结束。 代码这样改: [crayon-50361f9fb6854/] 练习代码: [crayon-50361f9fb6c3b/] »本文地址:http://99jty.com/?p=637 »订阅本站:http://winysky.com/feed/»当你从RSS阅览器里看到这篇文章时,已有 1 条评论 ,欢迎过来看看 !
转载于:https://www.cnblogs.com/99f2e/archive/2012/06/26/2653087.html