如何在SVG图像中使用数据blob。

Question

4

我们可以在HTMLImageElement中使用blob作为的源。

那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>

但它们没有起作用。

- rogerz

这些是内联在HTML中还是独立的文件？ - Paul LeBeau

2

SVG图像必须具有宽度/高度属性。 - Robert Longson

@PaulLeBeau 它被内联在HTML中。 - rogerz

1

@rogerz 诸如 <!doctype html><svg><image xlink:href="blob:..." width="100%" height="100%"/></svg> 这样的代码应该可以运行。 - Erik Dahlström

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rogerz · Answer 1

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