canvas教程

canvas JavaScript API学习(二)(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-16 13:02 我要评论( )

上面的这个demo比较复杂,原因在于前面说的,你必须很清楚的知道贝塞尔曲线的各个参数,这里我借助了我上大学时候图形学的课程设计的帮助得到这些必要的参数的,希望它也能帮到你。这个工具文件只有28k,请使用右键

上面的这个demo比较复杂,原因在于前面说的,你必须很清楚的知道贝塞尔曲线的各个参数,这里我借助了我上大学时候图形学的课程设计的帮助得到这些必要的参数的,希望它也能帮到你。这个工具文件只有28k,请使用右键另存为下载:贝塞尔二次和三次曲线生成工具。
先看看工具界面,各个节点都可以调整到你所希望的样子,并有对应的坐标值。


bezierCurvetool

Firefox 1.5 quadraticCurveTo() bug
这个bug出现在Firefox1.5中,在调用quadraticCurveTo函数的时候,得到的却是bezierCurveTo函数一样的结果。这是核心中将二次的控制点重复使用一次导致的,正如前面所说的,二次只有一个控制点,这里却变成了两个。解决的办法是将原本使用二次曲线函数的方式用三次曲线函数来表示该曲线。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5 canvas translate

    html5 canvas translate

    2015-11-13 15:30

  • 开发者值得关注的HTML5新特性:Canvas

    开发者值得关注的HTML5新特性:Canvas

    2015-10-28 18:48

  • canvas JavaScript API学习(五)

    canvas JavaScript API学习(五)

    2015-10-05 08:06

  • canvas JavaScript API学习(一)

    canvas JavaScript API学习(一)

    2015-09-16 12:17

网友点评
/