image - 我正在尝试 reference 与我的 svg 位于同一文件夹中的 image (在 svg 代码中),但我尝试了几种不起作用的方法

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

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

我也将同样的 image (loadingReviewButtonSpinner.gif) 上传到在线服务器,当我对在线 image 执行 reference 时,它可以 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>

但我真的需要它来为我工作,指的是我的项目所在的文件夹。

而且我已经尝试了很多选择,但没有一个有效......

例如,我试过:

  • href="file://loadingReviewButtonSpinner.gif" (以及路径的变化)
  • href="//..//..loadingReviewButtonSpinner.gif"
  • href="file:///loadingReviewButtonSpinner.gif"

回答1

我按照评论中所说的做了,它奏效了。

相似文章

svg - svg 剪辑 viewbox 变化

当我更改viewbox参数以对特定svg元素执行缩放时,作为框架可视化的内部元素会被裁剪。我的viewbox属性转换或标记本身有问题吗?我很难跟踪剪辑来自svg.composition元素的位置,该元...