CanvasContext.bezierCurveTo(number cp1x, number cp1y, number cp2x, number cp2y, number x, number y)
第一个贝塞尔控制点的 x 坐标
number cp1y
第一个贝塞尔控制点的 y 坐标
number cp2y
第二个贝塞尔控制点的 y 坐标
结束点的 x 坐标
number y
示例代码
针对 moveTo(20, 20) bezierCurveTo(20, 100, 200, 100, 200, 20) 的三个关键坐标如下:
- 红色:起始点(20, 20)
- 蓝色:两个控制点(20, 100) (200, 100)
- 绿色:终止点(200, 20)