HTML SVG

HTML SVG是可缩放矢量图形的缩写。

HTML SVG是一种模块化语言，用于描述XML中的图形。它描述了XML中的二维矢量和矢量/栅格混合图形。这是W3C的建议。 SVG图像及其行为在XML文本文件中定义。因此，作为XML文件，您可以使用文本编辑器创建和编辑SVG图像，但是通常首选诸如inkspace之类的绘图程序来创建它。

SVG主要用于向量类型图，例如饼图，X，Y坐标系中的二维图等。

的

HTML SVG Circle示例

让我们看一下通过svg标签绘制圆圈的示例。

在这里，我们使用圆形标记的cx，cy和r属性。这些属性不能与svg rect标签一起使用。

输出：

HTML SVG矩形示例

让我们看一下通过svg标签绘制矩形的示例。

在这里，我们使用rect标签的width和height属性。

输出：

HTML SVG多边形示例

让我们看一下通过svg标签绘制多边形的示例。

在这里，我们使用多边形标签的points属性。

输出：

为什么SVG比其他图像格式更受青睐?

SVG图像可以保存为最小尺寸。与JPG或PNG等位图图像格式不同，它不包含固定的点集。因此，也很容易以任何分辨率进行高质量的print。

SVG图像可以缩放到一定水平而不会降低图像质量。

SVG图像及其行为在XML文本文件中定义，因此可以使用任何文本编辑器来创建和编辑它们。