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

标签 image svg blob

我们可以在 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_Taghttps://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width

关于image - 如何在 svg 图像中使用数据 blob,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30447327/

相关文章:

java - BufferedImage 颜色 channel 蒙版

javascript - 使用js oop和svg绘制循环

javascript - 更改 SVG 元素的大小

ruby - Azure Ruby SDK 创建公共(public) blob

core-data - 将图像存储在核心数据中还是作为文件?

caching - Azure 存储和 CDN 以及获取 blob

html - 为什么背景图像在按钮中被切断

java - 如何在javafx中拉伸(stretch)图像以使其适合整个屏幕

python - Cv2在其他图片中查找图片

svg - 如何在 beamer latex 上添加 svg 文件扩展名?