<view>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Un view
es una forma definida de ver la imagen, con un nivel de zoom o una vista detallada.
Contexto de uso
Categorias | Ninguna |
---|---|
Contenido permitido | Cualquier número de los siguientes elementos, en cualquier orden: Elementos descriptivos |
Atributos
Atributos globales
Atributos específicos
viewBox
preserveAspectRatio
zoomAndPan
Obsoleto No estándarviewTarget
Obsoleto
Ejemplo
SVG
svg
<svg viewBox="0 0 300 100" width="300" height="100"
xmlns="http://www.w3.org/2000/svg">
<view id="one" viewBox="0 0 100 100" />
<circle cx="50" cy="50" r="40" fill="red" />
<view id="two" viewBox="100 0 100 100" />
<circle cx="150" cy="50" r="40" fill="green" />
<view id="three" viewBox="200 0 100 100" />
<circle cx="250" cy="50" r="40" fill="blue" />
</svg>
HTML
html
<img src="example.svg" alt="tres círculos" width="300" height="100" />
<br />
<img src="example.svg#three" alt="círculo azul" width="100" height="100" />
Resultado
Interfaz DOM
Este elemento implementa la interfaz <SVGViewElement>
.
Especificaciones
Specification |
---|
Scalable Vector Graphics (SVG) 2 # ViewElement |
Compatibilidad con navegadores
BCD tables only load in the browser