Javascript 网页中可回收的SVG图标？

我正在写一个非常复杂、巨大且长寿的网页（可能会显示很多天），它也需要图标。这些图标应该是SVG图形。根据页面上的位置，SVG应该通过JavaScript调用重新存储（jQuery甚至jQuerySVG都可以）

因此，我的问题是：

• 在网页中包含SVG的最佳方式是什么？

  • jQuery（…）.svg（{loadUrl:…}）
• 如何“倍增”它们？
  • 在隐藏的
    和克隆（）中预加载
  • 按需加载
• 设置SVG的最佳方法是什么？（一个文件中的所有图标位于不同的层上？一个文件中的所有图标由位置分隔？每个图标一个文件？）
• 那么，重新激活图标的最佳方式是什么？（想象一下由线条图形组成的非常抽象的图标，该线条应具有不同的颜色）

---

对于普通PC和移动设备（Android、iOS），所需的浏览器通常是兼容的现代浏览器（Firefox、Chrome、Opera、Safari）。Internet Explorer的兼容性不是必需的。

如果您想重新调用它，那么

马上就出来了，因为您不能在外部或内部使用javascript更改图像

如果放置克隆数据，则需要确保任何id属性在单个文档中保持唯一性，因此可能对您来说，像

这样的内容是最简单的

您可以使用直接的DOM调用来更改SVG图形中事物的颜色，如果需要，也可以使用jquery

---

剩下的时间，你可能需要尝试一些东西，看看它们对你的效果如何。

如果你想重新使用它，那么

是直接出来的，因为你不能在外部或内部使用javascript更改图像

如果放置克隆数据，则需要确保任何id属性在单个文档中保持唯一性，因此可能对您来说，像

这样的内容是最简单的

您可以使用直接的DOM调用来更改SVG图形中事物的颜色，如果需要，也可以使用jquery

在接下来的时间里，你可能需要尝试一些东西，看看它们对你有什么好处