sách gpt4 ai đã đi

html - img 在 foreignObject 内部 在 svg 内部 在 img 内部

In lại 作者:搜寻专家 更新时间:2023-10-31 23:27:16 28 4
mua khóa gpt4 Nike

这是我的测试用例。

http://tobeythorn.com/isi/dummy2.svg

http://tobeythorn.com/isi/isitest.html

  • 如果我自己打开 svg,内部 img 渲染得很好。

  • 但是当我将此 svg 设为 img 的 src 时,内部 img 未呈现。我没有收到任何错误。

  • 如果我将内部 img 设为数据 url,它就会被渲染。如果可能,我想避免使用数据 URL,因为它们会使事情复杂化、有大小限制并且无法缓存。

  • 同样的事情发生在 FF、Chrome、Opera 和 Safari 中。

我找不到解决方案,但可能相关:foreignObject inside second SVG element for Chrome

跨源问题?

规范的限制?

浏览器错误?

1 Câu trả lời

用作图像的所有 SVG 必须在一个文件中完整。图像无法加载外部数据。

所以你需要base64 encode图像并将其作为 data URL 嵌入到 SVG 中让它工作。

关于html - img 在 foreignObject 内部 在 svg 内部 在 img 内部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27996818/

28 4 0
Bài viết được đề xuất: php - Codeigniter 在名为 'State' 的对象属性上失败
Bài viết được đề xuất: node.js - NodeJS 的所有库都提供持久调度和 cron 作业
Bài viết được đề xuất: php - 仅在 Laravel Events 中返回时间戳
Bài viết được đề xuất: javascript - gulp + browserify 转换配置
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com