贝塞尔曲线听名字就知道可以画一条优雅的曲线,可是上来就是控制点,它怎么控制呢,心里想的图形总是与这个控制点关联不上,憋着急,分分钟搞定。
贝斯尔曲线有二次贝塞尔曲线和三次贝塞尔曲线,微信小程序中是这样使用的(其他大概都差不多)
二次贝塞尔曲线:
CanvasContext.quadraticCurveTo(number cpx, number cpy, number x, number y)
三次贝塞尔曲线:
CanvasContext.bezierCurveTo(number cp1x, number cp1y, number cp2x, number cp2y, number x, number y)
详情使用可查看官方文档:
工具预览:
假如我要画个心,怎么搞?
先试试二次贝塞尔曲线工具
好像还不太完美,接着试试三次贝塞尔曲线工具
完美!!!
接下来把几个参数传递到函数当中就可以了