Canvas入门实例07:二次方贝塞尔曲线
本文示例canvas二次方贝塞尔曲线的画法。
?
canvas画二次方贝塞尔曲线的方法如下:
公式中可以看出,影响二次方贝塞尔曲线的因素主要有三个:? 1) 起始点P0 ?(t=0时)? 2) 控制点P1? 3) 终止点P2 ?(t=1时)好吧,P1就是点(cpx,cpy),P2即(x,y),那么P0呢?自然是当前path的最后坐标咯!还是很抽象?来看下二次方贝塞尔曲线的生成过程:明白了?来画一下:????
公式中可以看出,影响二次方贝塞尔曲线的因素主要有三个:
? 1) 起始点P0 ?(t=0时)
? 2) 控制点P1
? 3) 终止点P2 ?(t=1时)
好吧,P1就是点(cpx,cpy),P2即(x,y),那么P0呢?自然是当前path的最后坐标咯!
还是很抽象?来看下二次方贝塞尔曲线的生成过程:
明白了?来画一下:
????