gpt4 book ai didi

html - 充满图像的 SVG 路径未显示在 html 页面上

转载 作者:太空宇宙 更新时间:2023-11-04 11:30:36 24 4
gpt4 key购买 nike

我已经使用这个小技巧成功地用图像填充了我的 SVG 路径:

Fill SVG path element with a background-image

但是,当我使用 background: url() 在我的 html 页面中加载 svg 文件时,它没有显示。

这是我在浏览器中打开的 svg 图片: enter image description here

这是我的 html 页面上的相同 svg 图像:enter image description here

有人知道这里会发生什么吗?谢谢。

最佳答案

SVG 文件加载到 <img>或作为 background-image必须完全独立。它们不能引用外部文件(如您加载到模式中的图像)。

要解决这个问题,您可以将图案图像作为数据 URI 嵌入。

<image xlink:href="data:image/jpeg;base64,..." .../>

关于html - 充满图像的 SVG 路径未显示在 html 页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32040688/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com