SVG FAQ

来源：www.w3.org

本 文由google翻译自动翻译

SVG 代表可缩放矢量图形。它是一种主要用于 Web 的矢量图形格式，尽管它正在各种设备上得到更广泛的部署。

矢量图形是一种描述图像的方式，它不是像素的行和列，而是关于如何创建图像的一组指令。光栅图像，例如位图、PNG、JPEG 或 GIF，只是一系列不相连的像素（或彩色点），而矢量图像将图像的不同部分表示为离散对象，因此它允许更好的交互性。当您放大光栅图像时，它会变得块状和模糊（或“像素化”），但是当您放大矢量图像时，它在任何分辨率下都保持清晰和清晰。此外，矢量图通常可以比等效的光栅图像具有更小的文件大小（尤其是在压缩时）。但是请注意，对于摄影图像，需要光栅图像；矢量图形更适合线条艺术、绘图、图表和图形、地图和文本。

W3C SVG Interest Group 正在出版一本教你 SVG 的书，由 SVG 专家 David Dailey 博士撰写；免费提供SVG Primer↗ https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html  。如果您是一名设计师，您可能会对 Tavmjong Bah 的Inkscape：矢量绘图程序指南感兴趣，该书提供印刷版或免费数字版，它教您如何使用开源绘图工具 Inkscape。最后，关于 SVG 的资源有很多，但学习 SVG 的最佳方式可能是简单地查看您喜欢的 SVG 图像或应用程序的源代码，看看它是如何制作的！SVG 是一种文本格式，类似于 HTML 和 CSS，因此您可以像学习这些技术一样学习它。

SVG 和 Canvas 都有一个用于绘制到浏览器画布的矢量图形脚本 API。SVG 产生一个 DOM（场景图），而 Canvas 直接绘制到屏幕上，不保留绘制“指令”；这意味着有时，Canvas 可以使用更少的内存并更快地渲染。SVG 的最终格式仍然是基于矢量的，并且会自动缩放到所需的任何大小，而 Canvas 的最终格式是基于像素的，除非再次运行绘图脚本，否则无法在不变形的情况下进行缩放。SVG 提供了几个辅助功能，例如边界框检测和鼠标事件的命中测试，而 Canvas 是一个较低级别的 API，但 SVG 和 Canvas 都允许作者使用脚本库添加更多功能。两者都是互补的技术，我们建议您根据各自的优势使用它们......

SVG 受多种格式的影响，但不是基于任何一种格式。更多详细信息，请参阅SVG 的秘密起源↗ https://www.w3.org/Graphics/SVG/WG/wiki/Secret_Origin_of_SVG 。您还可以阅读各种 SVG 规范的历史和实施新闻↗ https://www.w3.org/Graphics/SVG/History 。

- - -  正  文 - - - - - - 结  束 - - -