Canvas--貝塞爾曲線

時間 2019-11-12

標籤 canvas 曲線简体版

原文原文鏈接

一、quadraticCurveTo(cpx,cpy,x,y)：二次貝塞爾曲線spa

　　cpx----貝塞爾控制點的 x 座標。3d

　　cpy----貝塞爾控制點的 y 座標。code

　　 x ----結束點的 x 座標。blog

　　 y ----結束點的 y 座標。class

1 context.beginPath()
2 context.moveTo(50, 50)
3 context.quadraticCurveTo(50,100,200,40)
4 context.stroke()
5 
6 context.beginPath()
7 context.moveTo(50, 50)
8 context.quadraticCurveTo(40,150,200,40)
9 context.stroke()

二、bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)：三次貝塞爾曲線im

　　cp1x----第一個貝塞爾控制點的 x 座標。img

　　cp1y----第一個貝塞爾控制點的 y 座標。di

　　cp2x----第二個貝塞爾控制點的 x 座標。co

　　cp2y----第二個貝塞爾控制點的 y 座標。ps

　　 x -----結束點的 x 座標。

　　 y -----結束點的 y 座標。

1 context.beginPath()
2 context.moveTo(50, 50)
3 context.bezierCurveTo(50,100,200,100,200,50)
4 context.stroke()

相關標籤/搜索