使用不是DOM的一部分的JS加载和操作SVG

Question

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

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

任何建议表示赞赏

Answer 1

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