Component: Canvas ( Indicator): Difference between revisions
m Text replacement - "width="10%" align="center" style="background-color:#D8C9D8;"" to "width="10%" align="center" class="mtx-class-macrohead"" |
m Text replacement - "style="background-color:#EAE1EA;"" to "class="mtx-class-propfolder"" |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 37: | Line 37: | ||
|- | |- | ||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" | | width="90%" class="mtx-class-macrohead" | '''Clear''' | ||
|- | |- | ||
| colspan="2" | Clear the canvas to the background colour | | colspan="2" | Clear the canvas to the background colour | ||
| Line 51: | Line 51: | ||
|- | |- | ||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" | | width="90%" class="mtx-class-macrohead" | '''ClearToColour''' | ||
|- | |- | ||
| colspan="2" | Sets a new background colour and clears the canvas | | colspan="2" | Sets a new background colour and clears the canvas | ||
| Line 70: | Line 70: | ||
|- | |- | ||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" | | width="90%" class="mtx-class-macrohead" | '''DrawRectangle''' | ||
|- | |- | ||
| colspan="2" | Draw the outline of a rectangle on the canvas | | colspan="2" | Draw the outline of a rectangle on the canvas | ||
| Line 114: | Line 114: | ||
|- | |- | ||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" | | width="90%" class="mtx-class-macrohead" | '''FillRectangle''' | ||
|- | |- | ||
| colspan="2" | Draw a filled rectangle on the canvas | | colspan="2" | Draw a filled rectangle on the canvas | ||
| Line 153: | Line 153: | ||
|- | |- | ||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" | | width="90%" class="mtx-class-macrohead" | '''PlotLine''' | ||
|- | |- | ||
| colspan="2" | Draws a line on the canvas | | colspan="2" | Draws a line on the canvas | ||
| Line 197: | Line 197: | ||
|- | |- | ||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]] | ||
| width="90%" | | width="90%" class="mtx-class-macrohead" | '''PlotPoint''' | ||
|- | |- | ||
| colspan="2" | Draw a pixel on the canvas | | colspan="2" | Draw a pixel on the canvas | ||
| Line 227: | Line 227: | ||
|- | |- | ||
| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]] | | width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]] | ||
| width="90%" | | width="90%" class="mtx-class-macrohead" | '''Properties''' | ||
|- | |- | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]] | ||
| width="90%" | | width="90%" class="mtx-class-propfolder" | Canvas | ||
|- | |- | ||
|- | |- | ||
| Line 244: | Line 244: | ||
| colspan="2" | Set to draw a border around the canvas | | colspan="2" | Set to draw a border around the canvas | ||
|- | |- | ||
| width="10%" align="center" | | width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]] | ||
| width="90%" | | width="90%" class="mtx-class-propfolder" | Advanced | ||
|- | |- | ||
|- | |- | ||
Latest revision as of 14:37, 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 |