Documentation

Line

Description

Line addon allows you to embed lines in a presentation.

Properties

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.