使用JavaScript从外部文件创建SVG节点

Question

可以使用Javascript同步创建<svg>元素，这是一个SVG文件的副本吗？

我在名为cursor.svg的名为svg的外部文件中有一个小SVG。因此，它与我的基本HTML文件的相对路径是svg/cursor.svg。 SVG非常简单：

<svg id="cursor">
    <rect x="50" y="20" rx="20" ry="10" width="10" height="150" style="fill:red;stroke-width:0" opacity="0.75">
      <animate attributeName="opacity" begin="indefinite" values="0.75;0" dur="1s" repeatCount="1" />
    </rect>
</svg>

我希望能够拥有一个createSvgNode()函数，它只返回一个SVG节点，该节点是cursor.svg中的一个节点的副本。 （这样即使SVG文件发生变化，功能代码也会保持不变） 但我希望它是同步的。这有可能的解决方案吗？也许通过在HTML DOM中加载cursor.svg文件？

感谢您的任何建议。