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

这很难解释.我需要一些我喜欢的Coreldraw填充并保存为SVG.当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资源中,尚未下载图像.

最佳答案
在使用具有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没有显示 - 代码日志