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 - Tutorial de HTML
Del curso: HTML avanzado
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…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
-
La etiqueta object para añadir contenidos especiales3 min 40 s
-
(Bloqueado)
La etiqueta param de la etiqueta object1 min 28 s
-
(Bloqueado)
Introducción a los contenidos SVG4 min 17 s
-
(Bloqueado)
Diferentes formas de utilizar SVG en el HTML5 min 29 s
-
(Bloqueado)
Aplicación de estilos a los SVG4 min 36 s
-
(Bloqueado)
Los SVG y el JavaScript5 min 18 s
-
-
-
-
-
-