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

Question

这很难解释.我需要一些我喜欢并保存的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"/>

我尝试添加的contextPath,如:${application.contextPath}/images/soil_Images/soil_ImgID1.png.
那没用.我错过了什么？

• 在chrome资源中,尚未下载图像.

Answer 1

基于Matt Busche关于将资产管道与 SVG 和 PNG 后备图像一起使用的博客文章，尝试指向资产管道位置而不是硬编码。请注意assetPathwith src（如果不是默认资产管道图像位置，则为您使用的相对路径）和图像名称。

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