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

Question

我们可以将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>

但他们没有工作

Answer 1

如评论中所述，SVG中的图像需要明确设置width和height属性。

请参阅https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_Image_Tag和https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width