互联网图片格式新宠SVG矢量图

SVG矢量图指可伸缩矢量图形 (Scalable Vector Graphics)，.svg也是该类文件的后缀名。


源码是xml格式的，可以直接编辑。

如下图：


该图的XML代码：

<svg xmlns="http://www.w3.org/2000/svg" width="500" height="150">
    <defs>
        <pattern id="pattern1" patternUnits="userSpaceOnUse" x="10" y="10" width="20" height="20" patternunits="objectBoundingBox">
        <circle style="fill: #0000ff; stroke: none;" cx="10" cy="10" r="10" />
        </pattern>
    </defs>
    <rect style="fill: url(#pattern1); stroke: #000000;" x="10" y="10" width="100" height="100" />
</svg>

优点：
（1）程序读写方便；
（2）放大后不失真；

缺点：
（1）对颜色表现力不如位图，复杂图像很难用svg来标示；
（2）需要用软件来制作，不可以直接获取。

应用前景：
    目前qq show的服饰组件图就是svg格式的，可用coreldraw来制作。
    ”HTML5成为新的潮流，在一些网站都开始用HTML5开发，而且svg在数据动态呈现方面很强。他的结构和HTML一样，你可以通过对每个标签来完成你要实现的功能和效果。“