gpt4 book ai didi

html - SVG 未在 iphone 上显示

转载 作者:塔克拉玛干 更新时间:2023-11-01 21:27:46 25 4
gpt4 key购买 nike

所以我试图将图像 (rocket.svg) 链接到我的 svg 中,但是当我将它嵌入我的网站时,svg 显示但不是 rocket.svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" style="position:fixed; top:0; left:0; height:100%; width:100%; user-select: none;">
<rect style="fill:#33425B;" width="100%" height="100%" id="background"/>

<!-- Rocket -->
<image xlink:href="rocket.svg" x="15%" y="45%" width="10vw" height="10vw" id="rocket"/>
</svg>

最佳答案

vw 与您的高度和宽度属性一起使用是导致问题的原因,更改它有效:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" style="position:fixed; top:0; left:0; height:100%; width:100%; user-select: none;">
<rect style="fill:#33425B;" width="100%" height="100%" id="background"/>
<image x="0" y="0" width="100%" height="100%" xlink:href="https://upload.wikimedia.org/wikipedia/commons/a/a3/NASA_Worm_logo.svg" id="tiger" />
</svg>

关于html - SVG <image> 未在 iphone 上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42216637/

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