Del curso: Diseño web responsive: Imágenes

Accede al curso completo hoy mismo

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

Uso de elementos SVG

Uso de elementos SVG

Del curso: Diseño web responsive: Imágenes

Comenzar mi mes de prueba gratis Comprar para mi equipo

Uso de elementos SVG

“

(hombre) A la hora de trabajar con el elemento picture, hemos visto que, generalmente, he mostrado los ejemplos empleando imágenes en formato JPG. Lo único que quiero recordar es que también podemos usar formatos como PNG, GIF o incluso, si queremos, también podemos emplear imágenes en formato vectorial como por ejemplo, SVG. ¿Cómo podríamos incluir una imagen en formato SVG dentro de un elemento picture? Bueno pues vamos a aprovechar este ejemplo. Vamos a abrir el documento HTML dentro de nuestro navegador para ver cuál es el contenido que tenemos ahora mismo. Vamos a desplegar también el modo que nos permite modificar el tamaño de la ventana. Ahora mismo, tenemos diferentes imágenes cargadas y lo que vamos a hacer es lo siguiente. Vamos a dirigirnos al código y vamos a escribir surs y en vez de escribir srcset o midia, vamos a poner type y vamos a escribir... image barra SVG+XML Y ahora ya podemos trabajar como queramos. Podemos poner en este caso srcset, vamos a escribirlo aquí…

Contenido