Canvas

Canvas is a free-flow container to fill in any child elements with the freedom of positional control. This similar to normal drawing canvas.

General Properties

You should always set all 4 of them:

• left
• top
• width
• height

Since this is a free-flow canvas, you will manage the width and height on your own.

Adding Elements

Similar to other containers, you add element by using the + sign. Example:

#D1

+ image { left = 50 top = 10 width = 60 height = 60 file = "center.png" }

Since this is a free-flow canvas, you need all 4 general properties for each child. There are things to keep in mind:

• Element's positional properties (left and top) are relative to the canvas container.

That's all about canvas.