HTML <svg>标签
HTML <svg>标签作用
HTML <svg> 是可缩放矢量图形的首字母缩写。
HTML <svg>是一种模块化语言，用于描述XML中的图形。它描述了XML中的二维矢量和矢量/栅格混合图形。这是W3C的建议。 <svg>图像及其行为在XML文本文件中定义。因此，作为XML文件，您可以使用文本编辑器来创建和编辑<svg>图像，但是通常首选诸如inkspace之类的绘图程序来创建它。
<svg>主要用于矢量类型图，例如饼图，2- X，Y坐标系等中的尺寸图。
<<svg>>元素指定<svg>片段的根。您可以为<svg>文件中的每个元素和每个属性设置动画。
HTML <svg>圆示例
让我们看一下使用<svg>标签绘制圆的示例。
<svg> width="100" height="100"> </svg>
在这里，我们使用的是圆形标签的cx，cy和r属性。这些属性不能与<svg> rect标签一起使用。
输出:
HTML <svg>矩形示例
让我们看一下使用<svg>标签绘制矩形的示例。
<svg> width="200" height="100"> </svg>>
在这里，我们使用rect标签的width和height属性。
输出:
HTML <svg>多边形示例
让我们看一下使用<svg>标签绘制多边形的示例。
<svg> height="210" width="500"> </svg>>
在这里，我们正在使用多边形标签的points属性。
输出:
为什么<svg>比其他图像格式更受青睐？
<svg>图像可以保存为尽可能小的尺寸。与JPG或PNG等位图图像格式不同，它不包含固定的点集。因此，以任何分辨率进行高质量打印也很容易。
<svg>图像可以缩放到一定水平而不会降低图像质量。
<svg>图像及其行为是在XML文本文件中定义，因此可以使用任何文本编辑器创建和编辑它们。
