Jump to content

Component: Canvas ( Indicator): Difference between revisions

From Flowcode Help
m Text replacement - "class="wikitable" style="width:60%; background-color:#FFFFFF;"" to "class="mtx-class-macrotable wikitable""
m Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;" align="center"" to "width="10%" align="center" class="mtx-class-macrohead""
Line 36: Line 36:
{| class="mtx-class-macrotable wikitable"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Clear'''
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Clear'''
|-
|-
Line 50: Line 50:
{| class="mtx-class-macrotable wikitable"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ClearToColour'''
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ClearToColour'''
|-
|-
Line 69: Line 69:
{| class="mtx-class-macrotable wikitable"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawRectangle'''
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawRectangle'''
|-
|-
Line 113: Line 113:
{| class="mtx-class-macrotable wikitable"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''FillRectangle'''
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''FillRectangle'''
|-
|-
Line 152: Line 152:
{| class="mtx-class-macrotable wikitable"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''PlotLine'''
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''PlotLine'''
|-
|-
Line 196: Line 196:
{| class="mtx-class-macrotable wikitable"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''PlotPoint'''
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''PlotPoint'''
|-
|-

Revision as of 14:16, 13 July 2026

Author MatrixTSL
Version 0.1
Category Indicator


Canvas component

Creates a simple canvas for drawing.

Component Source Code

Please click here to download the component source project: FC_Comp_Source_WEBEXP_Canvas.fcsx

Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_Canvas.fcsx

Detailed description

No detailed description exists yet for this component

Examples

No additional examples


Macro reference

Clear

Clear
Clear the canvas to the background colour 
- VOID Return


ClearToColour

ClearToColour
Sets a new background colour and clears the canvas 
- LONG col
The new colour for the background 
- VOID Return


DrawRectangle

DrawRectangle
Draw the outline of a rectangle on the canvas 
- LONG x0
Start coordinate 
- LONG y0
Start coordinate 
- LONG dx
Width 
- LONG dy
Height 
- LONG col
Outline colour 
- BYTE thickness
Width of the line 
- VOID Return


FillRectangle

FillRectangle
Draw a filled rectangle on the canvas 
- LONG x0
Start coordinate 
- LONG y0
Start coordinate 
- LONG dx
Width 
- LONG dy
Height 
- LONG col
Fill colour 
- VOID Return


PlotLine

PlotLine
Draws a line on the canvas 
- LONG x0
Start coordinate 
- LONG y0
Start coordinate 
- LONG x1
End coordinate 
- LONG y1
End coordinate 
- LONG col
Colour of the line 
- BYTE thickness
Width of the line 
- VOID Return


PlotPoint

PlotPoint
Draw a pixel on the canvas 
- LONG x
Coordinate 
- LONG y
Coordinate 
- LONG col
Pixel colour 
- VOID Return


Property reference

Properties
Canvas
Background colour
The colour of the canvas background 
Border
Set to draw a border around the canvas 
Advanced
Custom Attributes