如何在 svg 图像中使用数据 blob

How to use data blob in svg image

我们可以在 HTMLImageElement 中使用 blob 作为 <img src="blob:http%3A//localhost%3A3000/c2159d4d-aaf8-4130-a52c-a49007d17fed">

SVG 中的等效语法是什么？

我试过了

<svg>
  <image src="blob:http%3A//localhost%3A3000/c2159d4d-aaf8-4130-a52c-a49007d17fed"></image>
</svg>

和

<svg>
  <image xlink:href="blob:http%3A//localhost%3A3000/c2159d4d-aaf8-4130-a52c-a49007d17fed"></image>
</svg>

但是他们没有用

如评论中所述，SVG 中的图像需要显式设置宽度和高度属性。

见https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_Image_Tag and https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width