读书人

Canvas入门范例07:二次方贝塞尔曲线

发布时间: 2012-09-02 21:00:34 作者: rapoo

Canvas入门实例07:二次方贝塞尔曲线

本文示例canvas二次方贝塞尔曲线的画法。

?

canvas画二次方贝塞尔曲线的方法如下:

公式中可以看出,影响二次方贝塞尔曲线的因素主要有三个:

? 1) 起始点P0 ?(t=0时)

? 2) 控制点P1

? 3) 终止点P2 ?(t=1时)

好吧,P1就是点(cpx,cpy),P2即(x,y),那么P0呢?自然是当前path的最后坐标咯!

还是很抽象?来看下二次方贝塞尔曲线的生成过程:

Canvas入门范例07:二次方贝塞尔曲线

明白了?来画一下:

?

?

?

?

读书人网 >Web前端

热点推荐