无名阁,只为技术而生。流水不争先,争的是滔滔不绝。

SVG线条动画:从入门到精通

前端 dancy 10个月前 (11-28) 225次浏览 已收录 0个评论 扫描二维码
SVG线条动画:从入门到精通

通常我们说的 Web 动画,其实包含了以下三大类:1、CSS3 动画;2、javascript 动画(canvas);3、html 动画(SVG)。这3 种动画各有优劣,实际应用中根据情况作出取舍,本文讨论的是我认为 SVG 中在实际项目中非常有应用价值 SVG 线条动画。

SVG 的历史和优势(W3C)

在 2003 年一月,SVG 1.1 被确立为 W3C 标准。 参与定义 SVG 的组织有:太阳微系统、Adobe、苹果公司、IBM 以及柯达。 与其他图像格式相比,使用 SVG 的优势在于:

1、SVG 可被非常多的工具读取和修改(比如记事本)

2、SVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强。

3、SVG 是可伸缩的

4、SVG 图像可在任何的分辨率下被高质量地打印

5、SVG 可在图像质量不下降的情况下被放大

6、SVG 图像中的文本是可选的,同时也是可搜索的(很适合制作地图)

7、SVG 可以与 Java 技术一起运行

8、SVG 是开放的标准

9、SVG 文件是纯粹的 XML

10、SVG 的主要竞争者是 Flash。

与 Flash 相比,SVG 最大的优势是与其他标准(比如 XSL 和 DOM)相兼容。而 Flash 则是未开源的私有技术。

点击展开
喜欢 (0)
[]
分享 (0)
关于作者:
发表我的评论
取消评论

评论审核已启用。您的评论可能需要一段时间后才能被显示。

表情 贴图 加粗 删除线 居中 斜体 签到