HardBirch

奇妙的HTML5 Canvas动画实例

时间:11-03-31 栏目:HTML5移动开发 作者:张飞不张,文采横飞 评论:4 点击: 2,258 次

    今日Google首页:铯元素的发现者 - 化学家罗伯特·本生 200 周年诞辰,利用HTML5 Canvas和静态图片实现了奇妙的动画效果。

    动画中使用了多个Canvas典型的API,例如translate、addColorStop、moveTo、lineTo、rotate、drawImage等等,这些API并不难理解,但是转换成动画需要很强的前端能力。

    示例代码和Demo地址:http://namepk.sinaapp.com/demo/se.html

    动画效果如下:

声明: 本文由( 张飞不张,文采横飞 )原创编译,转载请保留链接: 奇妙的HTML5 Canvas动画实例

奇妙的HTML5 Canvas动画实例:目前有4 条留言

  1. 4楼
    jankerli:

    强啊····[e01]

    2011-04-01 10:38 [回复]
  2. 地板
    azx127:

    非常强的动画支持,

    2011-04-29 16:38 [回复]
  3. 有代码吗?

    2011-05-10 12:23 [回复]
  4. 沙发
    hcqinhu:

    虽说用HTML5,但是实现起来太繁杂,还是flash比较好,效果也比这个好。

    2012-02-14 23:30 [回复]

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐