Page

Description

The Page class inherits from the Content class and is used to create a page on the surface of the SkCanvas, also allowing the organization and rendering of other components inside it.

How to use

@Page<bgcolor:#000 height:1080 width:1920> page:
    @Label tc:
       x:350
       y:500
       color:#FFF
       size:60
       Text:"0°c"

---

Shape binds (Shape)

Elements inheriting from Shape provide additional graphical binds:

Bind	Type	Description
rotation	Number	Rotates the shape element
bgcolor	Color / Hex	Changes the background color of the shape

---

Component Propertys

Property	Type	Description
smoothEdges	Bool	smooth the edges of the component
border-width	Float	component border width
border-radius	Float	component border radius
border-color	Hex	component border color
bgcolor	Hex	component color
rotate	Int	component rotate
x	Float	x coordinate of the component
y	Float	y coordinate of the component
width	Float	component width
height	Float	component height

Component Functions

Blur

Creates a blur effect on the Component.

Example

blur:
  x:12.0
  y:12.0

Property	Type	Description
x	float	Horizontal blur
y	float	Vertical blur

Shadow

Creates a shadow effect on the Component.

Example

shadow:
  color:#fffd1f17
  dx:12.4
  dy:12.5
  forcx:18.4
  forcy:17.9

Property	Type	Description
dx	Float	distance x of the element
dy	Float	distance y of the element
forcy	Float	strength y of the element
forcx	Float	strength x of the element
color	Hex	color shadow

Opacity

Creates a opacity on the Component.

Example

opacity:
   percent:33.5

Property	Type	Description
percent	Float	component opacity percentage