Label

Description

With the Label component you can draw a label on the SkCanvas interface.

@Label N20260509142647915b8462ab3:
        size:56.6
        Text:"on"
        smoothEdges:false
        border-width:0.8
        border-radius:15.3
        border-color:#ff000000
        bgcolor:#fffffdf8
        rotate:-88
        x:1127.9
        y:500.3
        width:100.0
        height:100.0

native properties of the Label

Property	Type	Description
Text	Str	the text visualization
size	Float	font size

---

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