SVG / JavaScript

• SVG: Definición del sistema de coordenadas

SVG: Definición del sistema de coordenadas

En SVG el área de dibujo es infinita. A continuación veremos varias formas de decirle al visor de SVG en qué área estamos interesados. El área utilizado por el documento creado se conoce como Viewport. Podemos establecer el tamaño del Viewport utilizando los atributos "width" y "height" del elemento <SVG>.

Los valores que pueden tomar estos atributos pueden ser simplemente números (si expresamos el tamaño en píxeles) o en unas unidades concretas (puntos, pulgadas, picas, centímetros, milímetros, etc).

El origen de coordenadas comienza en la esquina superior izquierda, incrementándose la coordenada X hacia la derecha y la Y hacia abajo. El punto (0, 0) se conoce como origen de coordenadas.