SVG矢量图

网页中的图片可以分为两类：小图标和简单图形；其他类型的图像通常使用GIF、JPEG、PNG和其他格式。这些格式很常见，但因为它们是基于像素处理的，所以放大后会失真和模糊。

可缩放矢量图形（SVG）是一种基于XML（可扩展标记语言）的用于描述矢量图形的开放标准语言。2003年1月，SVG 1.1被确立为W3C（万维网联盟）标准。

SVG使用标签来定义各种图形。外部标签是＜svg＞，viewBox可以定义用于观察svg视图的矩形区域。其属性主要包括x、y、宽度和高度，这些属性由数字表示。每个数字用空格或逗号分隔，表示在左上角（x，y）坐标位置定义了一个矩形，具有宽度和高度。

在＜svg＞标签中，您可以使用svg提供的一些预定义标签来绘制图形或文本，

常见的内部标签如下表所示：

通用SVG内部标记也可以通过属性设置样式：

<；svg width=“100%”height=“100%”>；

 书信电报；圆圈cx=“100”cy=“50”r=“40”；

 nbsp；stroke=“black”stroke width=“2”fill=“#ddd”>；

<；/服务器>

从外部导入SVG文件：

<；img src=“circle.svg”alt=“"；>；

定义圆SVG文件和XML声明。standalone属性用于指定SVG文档是“独立”的还是包含对外部文件的引用。此处设置no意味着SVG文档将引用外部文件（即第2行中的DTD文件）。引用外部SVG的DTD文件。这里的参考是W3C提供的SVg11.dtd，表示它包含所有允许的SVG元素。

在circle中将代码添加到svg文件中作为＜svg＞。标记添加了version（svg版本）和xmlns（XML命名空间）属性，这些属性用于XML文档并定义＜circle＞Round。

来到统软云免费了解更多信息：、、、等。

统软云是一家专业和服务提供商，提供一站式移动应用解决方案，以满足您的各种需求。欢迎评估您的需求并免费获取报价。

，注册后为新手提供免费开发包