Jump to content

Component: Canvas ( Indicator): Difference between revisions

From Flowcode Help
No edit summary
m Text replacement - "class="wikitable" style="width:60%; background-color:#FFFFFF;"" to "class="mtx-class-macrotable wikitable""
Line 34: Line 34:


===Clear===
===Clear===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
Line 48: Line 48:


===ClearToColour===
===ClearToColour===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
Line 67: Line 67:


===DrawRectangle===
===DrawRectangle===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
Line 111: Line 111:


===FillRectangle===
===FillRectangle===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
Line 150: Line 150:


===PlotLine===
===PlotLine===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
Line 194: Line 194:


===PlotPoint===
===PlotPoint===
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
Line 224: Line 224:
==Property reference==
==Property reference==


{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
{| class="mtx-class-macrotable wikitable"
|-
|-
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]

Revision as of 14:15, 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