注入SVG的目的是什么？

Question

我目前正在为一个使用此库的客户端工作，以便将SVG注入每个页面： https://github.com/iconic/SVGInjector

本网站上的大多数网页都包含15个以上用作图标的SVG图标，我试图尽量减少注入无法解决的请求数量。

我考虑将这些SVG作为内联元素包含在内以减少每页上的HTTP请求数量，但我不明白注入的目的仅仅是为了开始内联它们。我错过了什么？

谢谢！

Answer 1

由于库README提及的某些原因，使用内联SVG是必要的：

• 使用嵌入式Javascript
• 能够使用CSS设置样式

另一方面，使用内联SVG对其他[论证]原因不利：

• 如果您需要使用相同的SVG两次，则需要将其包含两次。一般来说，重复代码并不好，因为它往往会导致错误。
• 源文件中的SVG会产生膨胀。将SVG源分离到另一个文件中要好得多。

您提到的库允许您将SVG存储在不同的文件中，但能够内联使用它们，从而解决了这些问题。