使用HTML5 Canvas API绘制弧线的教程

2020-04-24 18:56:14易采站长站整理

有一点点绕,下面我们改变drawArcTo()函数的参数来试验一下。
(x2, y2)不一定在弧线上:

JavaScript Code复制内容到剪贴板

drawArcTo(context, 200, 100, 600, 100, 600, 400, 400);  

2016322110549543.jpg (600×425)

(x0, y0)一定在弧线上:

JavaScript Code复制内容到剪贴板

drawArcTo(context, 400, 100, 600, 100, 600, 400, 400);  

2016322110625028.jpg (600×425)

挺有意思的,它为了经过(x0, y0)直接将切点和(x0, y0)连接起来形成线段。好执着的弧线……