Question

这很难解释。我需要一些我喜欢的Coreldraw填充并保存为SVG。当Coreldraw保存了我的svg时，我得到了一个名为soil_Images的文件夹，里面有soil_ImgID1.png和soil.svg。我把web-app/images项目放在里面。出于某种原因，图像png未显示。

我的svg就像在我的gsp中一样：

<image x="177" y="76" width="36" height="23" preserveAspectRatio="none" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/projectName/images/soil.svg"></image>

我的soil.svg有另一张图片标记，显示我想要的真实图片：

 <image x="44" y="29" width="8156" height="11707" xlink:href="soil_Images/soil_ImgID1.png"/>

我尝试添加类似的上下文路径：${application.contextPath}/images/soil_Images/soil_ImgID1.png 那没用。我错过了什么？

在Chrome资源中，尚未下载图像。

Answer 1

在使用带有SVG和PNG后备图像的资产管道时建立Matt Busche's blog post，尝试指向资产管道位置而不是硬编码。请注意assetPath src（您使用的相对路径，如果不是默认资产管道图片位置）和图片名称。

<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${assetPath(src: 'imgs/' + logoSVG)}" src="${assetPath(src: 'imgs/' + logoPNG)}"></image>

Grails svg图像href引用png没有显示

1 个答案: