上面的这个demo比较复杂,原因在于前面说的,你必须很清楚的知道贝塞尔曲线的各个参数,这里我借助了我上大学时候图形学的课程设计的帮助得到这些必要的参数的,希望它也能帮到你。这个工具文件只有28k,请使用右键另存为下载:贝塞尔二次和三次曲线生成工具。
先看看工具界面,各个节点都可以调整到你所希望的样子,并有对应的坐标值。
bezierCurvetool
Firefox 1.5 quadraticCurveTo() bug
这个bug出现在Firefox1.5中,在调用quadraticCurveTo函数的时候,得到的却是bezierCurveTo函数一样的结果。这是核心中将二次的控制点重复使用一次导致的,正如前面所说的,二次只有一个控制点,这里却变成了两个。解决的办法是将原本使用二次曲线函数的方式用三次曲线函数来表示该曲线。