SVG

参考

1.1、SVG简介

SVGScalable Vector Graphics,可缩放矢量图形)

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

SVG使用XML格式定义图形。

1.2、SVG标准

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

1.3、SVG的浏览器兼容性

IE9FirefoxGoogle ChromeOperaSafari都支持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在线编辑器