canvas动画实现
2015-12-13 21:44
253 查看
这是一个小鱼跟随鼠标移动的demo
Canvas
Canvas能够画2D图形(使用JS)
Canvas能够按照像素重新生成。
在Canvas中,一旦图形完成,就会被浏览器忘记。如果图形位置要发生改变,那么整个屏幕需要重画,包括图形覆盖的对象。
SVG
SVG是一种在XML中描述二维图形的语言。
SVG是基于XML的,意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元素增加JS事件处理器。
在SVG中,每一个图形被记作一个对象。如果一个SVG对象的属性发生改变,浏览器可以自动重新生成图形。
Canvas
Canvas能够画2D图形(使用JS)
Canvas能够按照像素重新生成。
在Canvas中,一旦图形完成,就会被浏览器忘记。如果图形位置要发生改变,那么整个屏幕需要重画,包括图形覆盖的对象。
SVG
SVG是一种在XML中描述二维图形的语言。
SVG是基于XML的,意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元素增加JS事件处理器。
在SVG中,每一个图形被记作一个对象。如果一个SVG对象的属性发生改变,浏览器可以自动重新生成图形。
相关文章推荐
- C++ 策略模式
- struts2学习问题(一)
- 几个私有代码库托管网站
- ART 和 Dalvik 虚拟机
- 策略模式
- android canvas.draw 注意
- 深入学习JavaScript对象(转+学)
- 什么是REST?以及RESTful的实现(转)
- 一些和图像图形有关的资源
- 清空联系人数据
- java实现树(链式存储)
- mysql密码mac
- Objective-C内存管理第三弹:@property的使用
- 利用Socket建立网络连接的步骤
- HDU 2072 单词数
- Linux用户用户组及文件权限【附管理操作】
- Android四大组件之Service
- UI01-UIView(示例代码)
- struts2学习(一)
- 第九章 虚拟存储器