您的位置:首页 > Web前端 > JavaScript

[HTML5-SVG]使用raphaeljs:绘制哆啦A梦并实现动画效果

2013-04-17 16:15 756 查看




网上有人用css3实现哆啦A梦,我给他多加了个竹蜻蜓的动画,点击观看演示,兼容性并不好,只有webkit支持动画,ie下就是一堆方块。所以我想用svg技术来实现所有浏览器的兼容。

先来看下演示,目前知道的是ie6,7不支持动画,但是绘图还是没有问题的,ie6,7点击观看演示 最近对svg有些研究,先是使用svg代替css3实现qq空间关闭按钮旋转特效,然后是使用svg代替css3绘制opera图形,之前用css3实现的基本用svg都能实现。随着前端的发展,各种浏览器支持svg,svg的重要性会越来越大。
花了一天的时间写这些代码,注释都写在里面了。最后推荐一个很好用的工具aptana,javascipt代码提示很强,之前都是用dreamweaver,用来写html5和css3比较好用。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: