SVG动画解释-学习笔记

目录

SVG简介

一、SVG是什么？

二、SVG的作用

三、SVG与canvas的区别

四、如何使用SVG动画

五、SVG属性作用

SVG动画的使用

---

SVG简介

svg是可缩放的矢量图,<svg>元素是SVG图形的容器，SVG用于定义网络的基于矢量的图形，SVG使用XML格式定义图形，SVG图像在放大或改变尺寸的情况下图片质量不会损失,SVG是万维网联盟的标准

一、SVG是什么？

        SVG 是万维网联盟的标准。

        SVG 使用 XML 格式定义图像。

        SVG 是使用XML来描述二维图型和绘图程序的语言。

        SVG 意为可缩放矢量图（Scalable Vector Graphics）。

        SVG 图像是放大或改变尺寸的情况下其图形质量不会有所损失。

        SVG 与诸如 DOM （文档对象模型）和 XSL（拓展样式表语言） 之类的 W3C标准是一个整体。

二、SVG的作用

SVG 是可伸缩的

SVG 是开放的标准

SVG 可以与 Java 技术一起运行

SVG 图像可被搜索、索引、脚本化或压缩

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

SVG 图像可以通过文本编辑器来创建和修改

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

三、S