用户登录
用户注册

分享至

svg图形动画

  • 作者: 那晚越女说我?
  • 来源: 51数据库
  • 2020-10-02
SVG动画优点:
1)矢量图形,不受像素影响——SVG的这个特性使得它在不同的平台或者媒体下表现良好,无论屏幕分辨率如何
2)SVG对动画的支持较好,其DOM结构可以被其特定语法或者Javascript控制,从而轻松的实现动画
3)Javascript可以完全控制SVGDom元素
4)SVG的结构是XML,其可访问性(盲文、声音朗读等)、可操作性、可编程性、可被CSS样式化完胜Canvas。另外,其支持ARIA属性,使其如虎添翼。
SVG动画缺点:
1)DOM比正常的图形慢,而且如果其结点多而杂,就更慢。
2)SVG画点报表什么的,还行;在网页游戏前,就束手无策了;当然可以结合Canvas+SVG实现。
3)不能动态的修改动画内容
4)不能与HTML内容集成
5)整个SVG作为一个动画
6)浏览器兼容性问题,IE8-以及Android2.3默认浏览器是不支持SVG。



  svg动画缺点:
1)dom比正常的图形慢,而且如果其结点多而杂,就更慢。
2)svg画点报表什么的,还行;在网页游戏前,就束手无策了;当然可以结合canvas+svg实现。
3)不能动态的修改动画内容
4)不能与html内容集成
5)整个svg作为一个动画
6)浏览器兼容性问题,ie8-以及android2.3默认浏览器是不支持svg



  SVG动画优点:
1)矢量图形,不受像素影响——SVG的这个特性使得它在不同的平台或者媒体下表现良好,无论屏幕分辨率如何
2)SVG对动画的支持较好,其DOM结构可以被其特定语法或者Javascript控制,从而轻松的实现动画
3)Javascript可以完全控制SVGDom元素
4)SVG的结构是XML,其可访问性(盲文、声音朗读等)、可操作性、可编程性、可被CSS样式化完胜Canvas。另外,其支持ARIA属性,使其如虎添翼。
软件
前端设计
程序设计
Java相关