Content-Image

Description

With the Content-Image component you can draw a image on the SkCanvas interface.

@Content-Image N202605102238342666793c263:
        source:"assets/images/ita.png"
        smoothEdges:false
        border-width:0.0
        border-radius:0.0
        border-color:#ff000000
        bgcolor:#ff008000
        rotate:0
        x:0.0
        y:0.0
        width:100.0
        height:100.0

native properties of the Content-Image

Property	Type	Description
source	Str	relative path of the image

---

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