js动态修改path值 svg_svg

Svg前端应用

什么是svg

•SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

•SVG 用来定义用于网络的基于矢量的图形

•SVG 使用 XML 格式定义图形

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

•SVG 是万维网联盟的标准

•SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

Svg优点

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

SVG 是可伸缩的

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

SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图）

SVG 文件是纯粹的 XML可以直接在html中使用

Svg与canvas的比较

Canvas适用场景

Canvas提供的功能更原始，适合像素处理，动态渲染和大数据量绘制

SVG适用场景

SVG功能更完善，适合静态图片展示，高保真文档查看和打印的应用场景

Svg容器

SVG也可以定义绝对大小（比如使用“pt”或“cm”标识维度）同时SVG也能使用相对大小，只需给出数字，不标明单位，输出时就会采用用户的单位。在没有进一步规范说明的情况下，1