Rect

Description

With the Rect component you can draw a rectangle on the SkCanvas interface.

@Rect N2026050914104525131fabca8:
        smoothEdges:false
        border-width:0.0
        border-radius:0.0
        border-color:#fffff652
        bgcolor:#fffff69b
        rotate:0
        x:663.6
        y:299.8
        width:264.6
        height:488.6
        blur:
            x:3.8
            y:3.8

---

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