Del curso: HTML avanzado

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.100 cursos impartidos por expertos del sector.

Los SVG y el JavaScript

Los SVG y el JavaScript

También se puede utilizar JavaScript para crear interactividad con las diferentes partes de un objeto que carga un svg. Dentro de estesvg, tengo una serie de grupos de paths, etcétera, en los que puedo aplicar interactividad. En mi caso, me interesa hacer que todo el grupo que conforma todo el dibujo me sirva para hacer esa interactividad, pero podría hacer que solamente fuera sobre los ojos o sobre las piernas. En cualquier caso, lo primero que necesitaré será un identificador que me valga para recuperar desde JavaScript ese objeto. Así que voy a añadir el identificador, el Id avatar dentro del svg. Una vez hecho esto, lo siguiente que voy a necesitar es crear un nuevo archivo JavaScript, al que voy a llamar svg. Y, por supuesto, también voy a tener que hacer que se cargue ese script ... ... desde su localización. Ese script solo se debería de cargar cuando se haya terminado de cargar este objeto. Así que, una de dos, o sobre el propio body, o sobre la etiqueta object, en cualquiera…

Contenido