使用不属于 DOM 的 JS 加载和操作 SVG

Question

我正在使用带有自定义标记的传单 js。这些标记需要移动、更改颜色和旋转。移动相当简单，因为可以更新标记位置。对于颜色，我需要访问图像上的特定路径，即 svg。如果我可以访问js中的svg，也应该能够处理旋转。

我这样做的想法是在 js 中加载 svg，然后根据需要对其进行修改，然后再将其分配给自定义图标。有没有一种简单的方法可以在 js 中加载 svg，以便在不属于 DOM 的情况下对其进行操作？

任何建议表示赞赏

Answer 1

如果您想使用 DOM 方法操作 SVG 但不将其包含在您的主 DOM 中，您将需要使用 createDocumentFragment。