Imagen venctorizada SVG no se muestra en IE, Chrome

publicado por: Anonymous

estoy intentando insertar una imagen vectorizada en formato SVG, pero solo la logro ver en mozilla firefox, para IE y chrome no aparece. He buscado un poco de documentación sobre svg en navegadors, en muchos veo ejemplos dónde se dibujan formas colocando coordenadas, colores y el navegador renderiza en imagen svg, pero en mi casa tengo en archivo ese imagen svg.

Código :

   <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>

Lo mismo se ve si coloco el html img:

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

Muestra de como se renderiza en navegadores:
mozila firefox:
Mozilla firefox

google chrome:
Google chrome

internet explorer edge:
Internet explorer edge

solución

Quedo solucionado, modifiqué el web.xml de mi aplicación agregando el type-mime de imagenes svg, con esto ya se muestran en Mozilla firefox, IE, y 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>
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *