Tecnología

Inicio

Cómo cargar SVG a DIV

El SVG Canvas es una aplicación JavaScript que utiliza gráficos SVG en aplicaciones basadas en JavaScript. Mediante el uso de una consulta de JavaScript, o jQuery, SVG se implementa en una variedad de maneras. El SVG se llama dentro de la hoja de estilo principal, pero cuando se inserta en la página depende de sus propias necesidades. Si desea insertarlo dentro de una etiqueta <div>, puede hacerlo utilizando el código SVG en la fuente de la div. Esto es útil ya que le permite hacer uso de la estructura del estilo del div al mismo tiempo.

Instrucciones

1 Abra la página HTML en el Bloc de notas o, si tiene uno, un editor de codificación dedicado.

2 Busque la etiqueta div en la que desea aplicar el código. Sin código fuente, se leerá algo como: <div src = "">.

3 Insertar, dentro de la fuente (src) comillas, los códigos siguientes:
. $ ( '# Svgintro') SVG ({onLoad: drawIntro});

El código de ejemplo sería el siguiente:
<Div src = "$ ( '# svgintro') SVG ({onLoad: drawIntro});".>

4 Guarde el documento. Cualquiera que sea el código SVG se incluye en la hoja de estilo se inserta en la etiqueta <div>.