svg

  • 为了之后产品可能的动画需求,我们需要调研各种可行的前端动画技术。相信CSS3动画和JS动画我们平常已经接触很多了,而SVG技术则很少用,事实上SVG也是一种强大的动画解决方案,可以帮我们解决传统动画做不到的技术痛点。

    SVG简介

    • SVG(Scalable Vector Graphics),可缩放矢量图形,具有放大缩小不失真的特性,可以用来创建矢量图。
    • SVG1.1 于 2003 年 1 月 14 日成为 W3C 推荐标准。
    • SVG本质上是用XML语言描述的,所以它可以和DOM结构一样被CSS和JS编程控制,通过连续地改变SVG图形属性就可以创建SVG动画。
    • SVG可用文本编辑器编辑,也可通过
  • 此系列其他相关文章 #35

    1、 svg知识扫盲

    svg简介

    • SVG(Scalable Vector Graphics),可缩放矢量图形,具有放大缩小不失真的特性,可以用来创建矢量图。
    • SVG1.1 于 2003 年 1 月 14 日成为 W3C 推荐标准。
    • SVG本质上是用XML语言描述的,所以它可以和DOM结构一样被CSS和JS编程控制,通过连续地改变SVG图形属性就可以创建SVG动画。
    • SVG可用文本编辑器编辑,也可通过Adobe Illustator等专业编辑软件处理。

    SVG文件可单独使用,使用XML定义并包含DTD声明:

    <?xml version="1.0" stand