现在的位置: 首页 > 综合 > 正文

[HTML5-SVG]使用svg、CSS3、raphaeljs:模拟月球绕地球,地球绕太阳旋转

2014年03月22日 ⁄ 综合 ⁄ 共 262字 ⁄ 字号 评论关闭

今天在opera中国看了一篇关于svg的动画实现,其中有一个示例是模拟月球绕地球,地球绕太阳旋转,点击观看演示。兼容性还不错,最新的主流浏览器都支持。想起了之前我有用css3实现类似的效果,点击观看演示。但是只有webkit内核的浏览器支持,因为用到了css3的animate。
要实现ie6,7,8的兼容就得用vml模拟,这时借助raphaeljs是个很好的选择。虽然效果实现了,但是只能旋转一次,尝试过写一个函数,然后在回调函数调用,但没有实现。看来工具的局限性很大,以后学习svg可能要更多的使用原生的写法。点击观看演示

抱歉!评论已关闭.