<imagen>
Sintaxis:
<image attributes="values" >
Atributo:
- x: el eje x coordina el posicionamiento de la imagen.
- y: el eje y coordina el posicionamiento de la imagen.
- ancho: Ancho de la imagen.
- altura : Altura de la imagen.
- href: La fuente de la imagen.
- preserveAspectRatio: Escalado de la imagen.
- Atributos globales: algunos atributos globales utilizados como atributos principales y atributos de estilo, etc.
HTML
<!DOCTYPE html> <html> <body> <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <image href= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" height="200" width="200"/> </svg> </body> </html>
Producción:
HTML
<!DOCTYPE html> <html> <body> <svg width="400" height="400" xmlns="http://www.w3.org/2000/svg"> <image href= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" x="100" y="100" /> </svg> </body> </html>
Producción:
Navegadores compatibles:
- Chrome 1 y superior
- Borde 12 y superior
- Firefox 1.5 y superior
- Safari 3.1 y superior
- Internet Explorer 9 y superior
- Ópera 8 y superior