0

我将嵌入 HTML 的 svg 更改为由 Webpack 提供的文件位置。

<svg class="rsvg largeTileBlock__itemDataIconSvg inlineBlock relative">
   <use xlink:href="http://localhost:9001/dist/img/app/icons.svg#rsvg__arrows--trendDown"
        href="http://localhost:9001/dist/img/app/icons.svg#rsvg__arrows--trendDown"
   />
</svg>

这适用于 Nginx 页面。但这在我的 Tomcat 页面中不起作用,我正在努力。

有什么问题?(向上箭头应该加载到第二张图片的圆圈中)

在此处输入图像描述

在此处输入图像描述

4

1 回答 1

0

好的,因为它有一个href我没有注意到的本地人。

但是在更改 SVG 网址后,它停止工作。

基本上,目前您不能使用位于另一台服务器中的 SVG sprite 文件。

相关报道:

https://bugs.chromium.org/p/chromium/issues/detail?id=470601 https://github.com/w3c/svgwg/issues/707

截至 2019 年 9 月:

已解决:将跨源使用元素引用推迟到后 SVG 2

在此处输入图像描述

于 2020-04-01T18:25:18.997 回答