互联网图片格式新宠SVG矢量图-优快云博客

本文链接：https://blog.youkuaiyun.com/xiemingmei/article/details/84649839

SVG是一种可伸缩矢量图形格式，源码为XML，便于编辑且放大不失真。但其对颜色表现力有限，复杂图像难以标识。适用于HTML5开发及数据动态呈现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

如下图：
[img]http://dl2.iteye.com/upload/attachment/0100/8867/939b8776-7111-307d-8211-6cd7ef543716.png[/img]

该图的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>

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

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

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