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.