我正在尝试显示SVG图像，该图像的来源是我的网页上的URL，需要屏蔽SVG才能显示正确的输出。尝试渲染图像时遇到麻烦。
我最初的想法是将SVG放入<image xlink:href="">标签中，但这没有用。尝试了<object>方法，但随后它抱怨svg不知道对象，尝试了foreignObject仍然没有结果，所以我不知道下一步该怎么做。
然后我想将svg复制到我的PC上，然后在文本文件中打开它。我将此文本文件的内容复制到了蒙版的<g>标记中，该文件正在工作，并且图像显示正确。由于SVG输出基于用户输入，因此我无法将其硬编码到我的应用中。
我需要一种在遮罩的<g>标签内定义图像的方法，该图像可以正确显示网页上的svg。在处理svg文本文件的内容时，我得到了所需的结果，如何对所有可变URL进行此操作？
<svg height="350" width="350" xmlns:attr.xlink="http://www.w3.org/1999/xlink"
xmlns:xhtml="http://www.w3.org/1999/xhtml">`
````
<defs>
<mask id="">
<g id="" fill="#fffff">
<g>
<image height="" width="" attr.xlink:href="sourceUrl"></image>
</g>
</g>
</mask>
</defs>
</svg>