**Html Svg Top Left**. This coordinate system is similar to the coordinate system established on an HTML. The x attribute defines the left position of the rectangle eg.

This property has no effect on non-positioned elements. Changing the x and y attributes of the second element also changes the placement of all included shapes. Xtop left corner when embedded default 0.

### 2D transformations can change the x- and y-axis of an element.

The initial viewport coordinate system is a coordinate system established on the viewport with the origin at the top left corner of the viewport at point 0 0 the positive x-axis pointing towards the right the positive y-axis pointing down and one unit in the initial coordinate system equals one pixel in the viewport. To better understand the transform-origin property view a demo. The initial viewport coordinate system is a coordinate system established on the viewport with the origin at the top left corner of the viewport at point 0 0 the positive x-axis pointing towards the right the positive y-axis pointing down and one unit in the initial coordinate system equals one pixel in the viewport. Changing the x and y attributes of the second element also changes the placement of all included shapes.