SVG

参考

1.1、SVG简介

SVG（Scalable Vector Graphics，可缩放矢量图形）

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

SVG使用XML格式定义图形。

1.2、SVG标准

SVG于2003-01-14成为W3C推荐标准：https://www.w3.org/TR/SVG

1.3、SVG的浏览器兼容性

IE9、Firefox、Google Chrome、Opera、Safari都支持SVG。

IE9以下版本都需要一个插件，如Adobe SVG浏览器，这是免费提供的。

1.4、SVG文件

SVG文件是XML格式，后缀名是.svg。

下面是一个SVG文件示例：

<?xml version="1.0" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>
</svg>

1.5、SVG文件编辑器

SVG文件可以用任何文本编辑器创建，不过，我们通常会使用绘图工具更方便地创建SVG图像。

SVG在线编辑器