html - SVG <image> 未在 iphone 上显示

Question

所以我试图将图像 (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>

Answer 1

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