在内联 html img 标签中显示带有图像标签的 SVG

Question

为了将 SVG 转换为 PNG，我将 svg insideHTML 内容放入 img 标签中，如下所示：

<img src="data:image/svg+xml;UTF8,<svg> ....</svg>"> />

SVG 图片无法正确显示，尤其是 SVG 标签内的图片，如下所示（其他 svg 标签正确显示）：

<image xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" xlink:href="../../Content/Images/picture.png" height="38" width="38" y="17" x="17"/>

浏览器支持这种情况吗？

感谢您的帮助

Answer 1

出于隐私原因，如果 SVG 文件在图像上下文中使用，即通过 html<img>标签或作为背景 CSS 图像，则它必须在单个文件中完整。

这意味着 SVG 文件中的任何图像都必须编码为数据 URI。