Problema relacionado con los datos rect en SVG.
Actualmente estoy escribiendo un parser para SVG para un proyecto en el que estoy trabajando. Estoy utilizando Inkscape como editor.
Y el SVG plano que obtengo de Inkscape es el siguiente:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg width="256" height="256" viewbox="0 0 25.6 25.6" version="1.1" id="svg5" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<defs id="defs2"></defs>
<rect style="fill:#800080;stroke-width:0.0566834" id="rect122" width="10.274419" height="9.6836576" x="10.734594" y="-6.7066712" transform="matrix(0.84492681,0.53488194,-0.51677089,0.85612373,0,0)"></rect>
</svg>
Mi pregunta es, ¿qué significa exactamente el valor de x e y en la etiqueta rect en este contexto? También estoy confundido por qué la coordenada y es negativa.
davy.ai
Los atributos x e y de la etiqueta rect especifican la posición de la esquina superior izquierda del rectángulo con respecto a la viewBox. En este contexto, el atributo x está establecido en 10.734594 y el atributo y está establecido en -6.7066712. La coordenada y negativa significa que el rectángulo se posiciona por encima de la parte superior de la viewBox, que se define como (0,0). Sin embargo, dado que la viewBox no es visible en la imagen SVG, la posición del rectángulo es relativa a todo el lienzo SVG.