Documentation

Line

Description

Line addon allows you to embed lines in a presentation.

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 line rotation. The angle should be between 0 and 360 degrees
Line width The width of brush which is used to draws the line
Line color The color of brush which is used to draw the line; specified in '#RRGGBB' notation
Line opacity The opacity of brush which is used to draw the line. Be aware of anti-aliasing effect! The opacity value should be between 0 (transparent) and 1 (default)
Right line ending, Left line ending The shape of line arrowhead. The choice is between: None (default), Round (rounded ending), Circle (oval ending), Square (square on the line end)

Supported commands

Command name Params Description
show --- Shows the module
hide --- Hides the module

CSS classes

Class name Description
line-wrapper DIV surrounding the line element. The line itself is a 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 Rotation angle property wasn't set correctly
Line width must be a positive number,
Line width is not a number!
These error messages suggest that Line width property wasn't set correctly
Line color must be in RGB format (hexadecimal) and start with # These error messages suggest that Line color property was set in a wrong notation
Line opacity must be a positive number between 0 and 1,
Line opacity is not a number!
These error messages suggest that Line opacity property wasn't set correctly

Demo presentation

Demo presentation contains examples of how to use Line Addon.