es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Mostrando archivo svg en html

30 May, 2023 Programación

Estoy intentando mostrar un archivo svg en html. Es importante que el archivo svg sea un archivo y no solo esté en el código html. El archivo se ve así:


<svg height="100" width="100">
<line x1="0" y1="0" x2="100" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />
...
</svg>

El archivo svg funciona en Firefox cuando lo abro, pero no puedo implementarlo en mi código html. ¿Alguien puede ayudarme?

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para agregar el archivo SVG a su código HTML, puede guardar el código SVG como un archivo separado con la extensión de archivo “.svg”. Luego, en su código HTML, puede usar la etiqueta , configurando la fuente a la ruta del archivo SVG. Por ejemplo:

    <img src="ruta/a/su/archivo.svg" alt="Su imagen SVG">

    Alternativamente, puede usar la etiqueta para incrustar el archivo SVG en su código HTML:

    <object type="image/svg+xml" data="ruta/a/su/archivo.svg" width="100" height="100">
  Su navegador no soporta imágenes SVG.
</object>

    Tenga en cuenta que el código anterior asume que su archivo está guardado dentro del directorio de su proyecto. Si está guardado en un servidor remoto, debería reemplazar “ruta/a/su/archivo.svg” con la URL de la ruta de archivo.

Comments are closed.