The page is seen in a blank document in Inkscape and the coordinates of any object seen in Inkscape window are relative to the page. Here is how the coordinates work:
- In the SVG file 0,0 coordinate means the top left corner of the page with x values increasing towards the right and y values increasing downwards (standard SVG definition)
- For a rectangle the x,y attributes specify the top left corner of the rectangle. So setting x,y=0,0 will put the top left corner of the rectangle on the top left corner of the Inkscape page.
- The Inkscape window takes 0,0 as the bottom left corner of the page with x values increasing towards the right and y values increasing upwards
- Inkscape reads the SVG file draws the shapes according to the SVG standard definition and then recalculates the coordinates of the drawn shapes according to the Inkscape window coordinate system and then displays them.
With these rules in mind the above object SVG definition is:
Line 2 shows the style having the transparency and no boundary properties. So the rectangle is a square with side 300. The x=0 so the square left side will be placed with the left side of the page. The y=752.362. The page height in my case was 1052.362 so having y = page height - 300 aligns the lower left corner of the square with the lower left corner of the page. Then the transform is applied to rotate the square by 15 degrees. The rotation is done with the point 0,1052.362 as the axis. 15 degrees positive rotation means clockwise because of the reversed y axis of SVG. After the rotation the lower left corner of the square will still align with the lower left corner of the page since it was the axis of rotation.
This is what is seen in the image.