Documentation
Line
Description
The Line module allows embedding lines in the lessons.
Properties
The list starts with the common properties. Learn more about them by visiting the Modules description section. The other available properties are described below.
Property name | Description |
---|---|
Rotation angle | The angle (counted in degrees) of the line's rotation. The angle should be between 0 and 360 degrees. |
Line width | The width of the brush that is used to draw the line. |
Line color | The color of the brush that is used to draw the line; specified in '#RRGGBB' notation. |
Line opacity | The opacity of the brush that is used to draw the line. Be aware of the anti-aliasing effect! The opacity value should be between 0 (transparent) and 1 (default). |
Left line ending, Right line ending |
The shape of the line's arrowhead. The choice is between: 'None' (default), 'Round' (rounded ending), 'Circle' (oval ending), and 'Square' (square ending). |
Supported commands
Command name | Params | Description |
---|---|---|
hide | --- | Hides the module if it is visible. |
show | --- | Shows the module if it is hidden. |
CSS classes
Class name | Description |
---|---|
line-wrapper | DIV surrounding the line element. The line itself is an SVG tag, which in this case is a direct child of this element. |
Possible errors
Error message | Description |
---|---|
Rotation angle must be between 0 and 360 degrees!, Rotation angle is not a number! |
These error messages suggest that the 'Rotation angle' property was not set correctly. |
Line width must be a positive number, Line width is not a number! |
These error messages suggest that the 'Line width' property was not set correctly. |
Line color must be in RGB format (hexadecimal) and start with # | These error messages suggest that the 'Line color' property was set in the wrong notation. |
Line opacity must be a positive number between 0 and 1, Line opacity is not a number! |
These error messages suggest that the 'Line opacity' property was not set correctly. |
Demo presentation
Demo presentation contains examples of how to use the Line module.