📜  SVG简介

📅  最后修改于: 2022-05-13 01:56:49.888000             🧑  作者: Mango

SVG简介

SVG代表可缩放矢量图形。它可用于制作类似于 HTML 画布中的图形和动画。它是一种可以放大或缩小的矢量图形。 SVG 是基于矢量的图形的 Web 标准。它是一种定义图形的 XML 格式。在 SVG 文件中,每个元素和属性都可以设置动画。 SVG 与其他 W3C 标准兼容,例如文档对象模型 (DOM) 和 XSL。

先决条件:在继续之前,您应该对以下内容有一些基本了解:HTML 和 XML。

优点:

  • 它在任何分辨率下都能提供良好的打印质量,因此非常实用。
  • 它是一个开放标准并且易于使用。
  • 我们可以使用任何文本编辑器来创建和编辑 SVG 图像。
  • 它具有高度可扩展性,并且在调整大小时从不妥协质量。

缺点:

  • 文本格式的光栅图像的大小大于二进制格式的光栅图像。
  • 即使是简单的图像,尺寸也可能很大。

现在让我们通过一个例子更好地理解 SVG。

示例:在此示例中,我们在 HTML 中创建一个 SVG 行。

HTML


  

Welcome To GeeksforGeeks

       


输出: