我正在尝试引用与我的 svg 位于同一文件夹中的图像（在 svg 代码中），但我尝试了几种无效的方法

Question

我有一个名为 loadingReviewButtonSpinner.gif 的文件，该文件保存在我的计算机上的项目图像所在的文件夹中 (assets/images)，但我正在尝试引用此文件文件在我的 SVG 中，但它不起作用。

<svg
  <image 
    width="70" height="70" 
    transform="translate(30.1 -7.5)" 
    href="loadingReviewButtonSpinner.gif"
    />  
</svg>

我也已将同一张图片 (loadingReviewButtonSpinner.gif) 上传到在线服务器，当我引用在线图片时，它 100% 有效

<svg
  <image 
    width="70" height="70" 
    transform="translate(30.1 -7.5)"
href="https://tinypic.host/images/2022/05/18/animation_500_l1ki69jf.gif"
    />  
</svg>

但我真的需要它来指代我的项目所在的文件夹。

而且我已经尝试了很多选项，但是其中 none 有效...

比如我试过：

href="file://loadingReviewButtonSpinner.gif"（以及路径的变化）
href="//..//..loadingReviewButtonSpinner.gif"
href="file:///loadingReviewButtonSpinner.gif"

Answer 1

我按照评论里说的做了，效果很好。

我正在尝试引用与我的 svg 位于同一文件夹中的图像（在 svg 代码中），但我尝试了几种无效的方法

I'm trying to reference an image (in a svg code) that is in the same folder that my svg is, but I tried several ways that didn't work

image

svg

reference