Home / Questions / 24837
Accepted
Ventur
Asked: 2020-09-24 08:31:26 +0800 CST 2020-09-24 08:31:26 +0800 CST

SVG 矢量化图像未在 IE、Chrome 中显示

  • 772

我正在尝试以 SVG 格式插入矢量化图像，但我只能在 mozilla firefox 中看到它，对于 IE 和 chrome，它不会出现。我在浏览器中查找了一些关于 svg 的文档，在许多示例中，我看到了通过放置坐标、颜色和浏览器在 svg 图像中呈现形状来绘制形状的示例，但在家里，我在文件中保存了该 svg 图像。

代码 ：

   <div class= "spacioLogos">
         <p:graphicImage value="./images/logo_mexico.svg" width="120" height="55" styleClass="logoizquierda"/>

         <p:graphicImage value="./images/logo_mexico.svg" width="120" height="55" styleClass="img"/>                    

    </div>

如果我放置 html img，也会看到同样的情况：

<img src="./images/logo_mexico.svg" width="120" height="55" class="responsive" />

它如何在浏览器中呈现的示例：mozila firefox： 火狐浏览器

谷歌浏览器： 谷歌浏览器

互联网浏览器边缘： 互联网浏览器边缘

html

1 Answers

  1. Best Answer

    解决了，我修改了我的应用程序的 web.xml，添加了 svg 图像的 type-mime，它们已经在 Mozilla firefox、IE 和 Chrome 中显示。

        <mime-mapping>
        <extension>svg</extension>
        <mime-type>image/svg+xml</mime-type>
    </mime-mapping>
    <mime-mapping>
        <extension>svgz</extension>
        <mime-type>image/svg+xml</mime-type>
    </mime-mapping>
    • 3