Difference between revisions of "Component: Canvas ( Indicator)"
From Flowcode Help
Jump to navigationJump to search (Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;...") |
|||
| Line 28: | Line 28: | ||
''<span style="color:red;">No additional examples</span>'' | ''<span style="color:red;">No additional examples</span>'' | ||
| + | |||
| + | |||
==Macro reference== | ==Macro reference== | ||
| Line 39: | Line 41: | ||
| colspan="2" | Clear the canvas to the background colour | | colspan="2" | Clear the canvas to the background colour | ||
|- | |- | ||
| + | |- | ||
| + | | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID | ||
| + | | width="90%" style="border-top: 2px solid #000;" | ''Return'' | ||
| + | |} | ||
| + | |||
| + | |||
| + | ===ClearToColour=== | ||
| + | {| class="wikitable" style="width:60%; background-color:#FFFFFF;" | ||
| + | |- | ||
| + | | width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]] | ||
| + | | width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''ClearToColour''' | ||
| + | |- | ||
| + | | colspan="2" | Sets a new background colour and clears the canvas | ||
| + | |- | ||
| + | |- | ||
| + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG | ||
| + | | width="90%" | col | ||
| + | |- | ||
| + | | colspan="2" | The new colour for the background | ||
|- | |- | ||
| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID | | width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID | ||
| Line 54: | Line 75: | ||
|- | |- | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | x0 | | width="90%" | x0 | ||
|- | |- | ||
| colspan="2" | Start coordinate | | colspan="2" | Start coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | y0 | | width="90%" | y0 | ||
|- | |- | ||
| colspan="2" | Start coordinate | | colspan="2" | Start coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | dx | | width="90%" | dx | ||
|- | |- | ||
| colspan="2" | Width | | colspan="2" | Width | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | dy | | width="90%" | dy | ||
|- | |- | ||
| colspan="2" | Height | | colspan="2" | Height | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | col | | width="90%" | col | ||
|- | |- | ||
| Line 98: | Line 119: | ||
|- | |- | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | x0 | | width="90%" | x0 | ||
|- | |- | ||
| colspan="2" | Start coordinate | | colspan="2" | Start coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | y0 | | width="90%" | y0 | ||
|- | |- | ||
| colspan="2" | Start coordinate | | colspan="2" | Start coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | dx | | width="90%" | dx | ||
|- | |- | ||
| colspan="2" | Width | | colspan="2" | Width | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | dy | | width="90%" | dy | ||
|- | |- | ||
| colspan="2" | Height | | colspan="2" | Height | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | col | | width="90%" | col | ||
|- | |- | ||
| Line 137: | Line 158: | ||
|- | |- | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | x0 | | width="90%" | x0 | ||
|- | |- | ||
| colspan="2" | Start coordinate | | colspan="2" | Start coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | y0 | | width="90%" | y0 | ||
|- | |- | ||
| colspan="2" | Start coordinate | | colspan="2" | Start coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | x1 | | width="90%" | x1 | ||
|- | |- | ||
| colspan="2" | End coordinate | | colspan="2" | End coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | y1 | | width="90%" | y1 | ||
|- | |- | ||
| colspan="2" | End coordinate | | colspan="2" | End coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | col | | width="90%" | col | ||
|- | |- | ||
| Line 181: | Line 202: | ||
|- | |- | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | x | | width="90%" | x | ||
|- | |- | ||
| colspan="2" | Coordinate | | colspan="2" | Coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | y | | width="90%" | y | ||
|- | |- | ||
| colspan="2" | Coordinate | | colspan="2" | Coordinate | ||
|- | |- | ||
| − | | width="10%" align="center" | [[File:Fc9- | + | | width="10%" align="center" | [[File:Fc9-s32-icon.png]] - LONG |
| width="90%" | col | | width="90%" | col | ||
|- | |- | ||
Latest revision as of 15:07, 5 December 2023
| Author | MatrixTSL |
| Version | 0.1 |
| Category | Indicator |
Contents
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 |
