# Workspace Render Tests

The Workspace's size defines the visible work area. If an element is outside the workspace, it must not be visible. In this example, The back circle is bigger than the workspace area. A big portion of the circle will not be displayed. |
Workspace will be added as child of a div element. That's why, Its parent will define this position. |
Workspaces size can be defined using standard CSS measures. In this example, the first workspace is defined using pixes and the second one using inchs. |

Workspace coordsize defines how many units there are along the width of the containing block. In all the examples,the coordsize of the workspaces have been set to (100,100) and the circles have been positioned at (0,0),(0,100),(100,0),(100,100)(50,50).
1) Workspace with CoordSize(100,100)
2) Workspace with CoordSize(100,200)
3) Workspace with CoordSize(200,100)
4) Workspace animation changing the coordsize from (30,30) to (100,100)

(1)
(2)
(3)
(4)

Workspace coordorigin defines the coordinate at the top left corner of the containing block. In all the examples,the coordsize of the workspaces have been set to (100,100) and the circles have been positioned at (0,0),(0,100),(100,0),(100,100)(50,50).
1) Workspace with CoordOrigin(0,0)
2) Workspace with CoordOrigin(0,50)
3) Workspace with CoordOrigin(50,0)
4) Workspace animation changing the coordorigin from (0,0) to (50,50)

(1)
(2)
(3)
(4)