引用 png 的 Grails svg 图像 href 未显示答案

【问题标题】：Grails svg image href referring the png is not showing引用 png 的 Grails svg 图像 href 未显示
【发布时间】：2015-05-26 20:48:52
【问题描述】：

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

我的 gsp 中有我的 svg：

<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 资源中，图片尚未下载。

【问题讨论】：

您是否收到 404 错误？当您尝试在浏览器的地址栏中键入图像路径时会发生什么？
你能不能试试下面的代码
@Aramiti 我没有看到任何 404 错误或类似的错误请求。如果类型：/myProjectName/images/soil_Images/soil_ImgID1.png 加载图像。
@AnantKolvankar 试过但没有用，没有显示任何错误，也没有从 chrome 下载资源。
我高度怀疑，你要么有权限问题，要么你的路径不正确。

标签： grails

【解决方案1】：

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

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

【讨论】：

你的意思是把它放在soil.svg或gsp页面里面包含svg？
gsp 页面本身内部。