Component: Canvas ( Indicator): Difference between revisions

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

@@ Line 37: / Line 37: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Clear'''
+| width="90%" class="mtx-class-macrohead" | '''Clear'''
 |-
 | colspan="2" | Clear the canvas to the background colour&nbsp;
@@ Line 51: / Line 51: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ClearToColour'''
+| width="90%" class="mtx-class-macrohead" | '''ClearToColour'''
 |-
 | colspan="2" | Sets a new background colour and clears the canvas&nbsp;
@@ Line 70: / Line 70: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''DrawRectangle'''
+| width="90%" class="mtx-class-macrohead" | '''DrawRectangle'''
 |-
 | colspan="2" | Draw the outline of a rectangle on the canvas&nbsp;
@@ Line 114: / Line 114: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''FillRectangle'''
+| width="90%" class="mtx-class-macrohead" | '''FillRectangle'''
 |-
 | colspan="2" | Draw a filled rectangle on the canvas&nbsp;
@@ Line 153: / Line 153: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''PlotLine'''
+| width="90%" class="mtx-class-macrohead" | '''PlotLine'''
 |-
 | colspan="2" | Draws a line on the canvas&nbsp;
@@ Line 197: / Line 197: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''PlotPoint'''
+| width="90%" class="mtx-class-macrohead" | '''PlotPoint'''
 |-
 | colspan="2" | Draw a pixel on the canvas&nbsp;
@@ Line 227: / Line 227: @@
 |-
 | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
+| width="90%" class="mtx-class-macrohead" | '''Properties'''
 |-
 |-

SteveT (talk | contribs)