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.

Los enlaces de archivo SVG de Github Markdown no están funcionando.

Estoy creando un archivo markdown en un repositorio de Github y quiero incrustar un archivo SVG en el markdown en el que los enlaces del archivo SVG sean clicables. Mi archivo SVG está guardado en la misma carpeta en el repositorio. He probado todas las etiquetas HTML (iframe, object, img), la ruta corta, la ruta relativa, la ruta http al svg. Cuando hago clic, solo me lleva al lugar en el repositorio de Github donde se guarda el archivo, por lo tanto, no está incrustado y los enlaces en svg no son clicables.
ejemplos:


Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Para incrustar un archivo SVG en un archivo markdown en un repositorio de Github y hacer que los enlaces del archivo SVG sean clicables, sigue estos pasos:

    1. Guarda el archivo SVG en la misma carpeta que el archivo markdown en el repositorio de Github.
    2. Utiliza el siguiente código HTML para incrustar el archivo SVG en el archivo markdown:
    <object type="image/svg+xml" data="test.svg"></object>
    

    Asegúrate de reemplazar “test.svg” con el nombre de tu archivo SVG.

    1. Para hacer que los enlaces en el archivo SVG sean clicables, agrega un atributo de enlace a los elementos del archivo SVG que deben ser clicados. Por ejemplo, para hacer un enlace clicable a partir de un rectángulo, agrega el siguiente código al archivo SVG:
    <rect x="0" y="0" width="300" height="100" fill="yellow" stroke="black" stroke-width="2" link="https://www.example.com"></rect>
    

    Asegúrate de reemplazar “https://www.example.com” con la URL a la que deseas que vaya el enlace.

    1. Haz un commit y haz push a los cambios en el repositorio de Github.

    Cuando los usuarios vean el archivo markdown en Github, verán el archivo SVG incrustado con enlaces clicables.

Comments are closed.