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

未显示引用png的Grails svg图像href,grails,Grails,这很难解释。我需要一些我喜欢的Coreldraw填充,并保存为SVG。Coreldraw保存我的svg时,我得到了一个名为soil\u Images的文件夹,里面有soil\u ImgID1.png和soil.svg。我把webapp/images项目放在里面。由于某些原因,图像png未显示 我的gsp中有我的svg: <image x="177" y="76" width="36" height="23" preserveAspectRatio="none" xmlns:xlink="h

这很难解释。我需要一些我喜欢的Coreldraw填充,并保存为
SVG
。Coreldraw保存我的svg时,我得到了一个名为
soil\u Images
的文件夹,里面有
soil\u ImgID1.png
soil.svg
。我把
webapp/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>
我尝试添加一个contextpath,如:
${application.contextpath}/images/soil\u images/soil\u ImgID1.png

那没用。我错过了什么

  • 在chrome资源中,该图像尚未下载
在使用SVG和PNG回退图像的资产管道的基础上,尝试指向资产管道位置,而不是硬编码。请注意带有
src
assetPath
(如果不是默认的资产管道映像位置,则使用的相对路径)和映像的名称

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


您是否收到404错误?当您尝试在浏览器的地址栏中键入图像路径时会发生什么情况?请尝试使用下面的代码@Aramiti,我看不到任何404错误或类似的错误请求。如果键入:
/myProjectName/images/soil\u images/soil\u ImgID1.png
加载图像。@AnantKolvankar尝试了,但没有工作,没有显示任何错误,chrome的资源也没有下载。我高度怀疑,您可能有权限问题,或者您的路径不正确。您的意思是将其放在soil.svg或gsp页面内部包含svg?gsp页面本身内部。
<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="${assetPath(src: 'imgs/' + logoSVG)}" src="${assetPath(src: 'imgs/' + logoPNG)}"></image>