Documentation

Standard Shapes

Description

Standard Shapes addon allows you to embed basic shapes into a presentation, including squares, rectangles, or circles.

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
Shape Which one of the predefined shapes should be displayed. The choice is between: Line, Square, Rectangle, Circle, and Ellipse
Line ending Applies only to Line. Shape of line arrowhead. The choice is between: None (default), Arrows (arrows on each side), Circles (oval ending on each side), None - Arrow (arrow on right side), None - Circle (oval on right side) and Circle - Arrow
Rotation angle Angle (counted in degrees) of shape rotation. Angle should be between 0 and 360 degrees
Stroke width Width of brush which draws shape
Stroke color Color of brush which draws shape. Specified in '#RRGGBB' notation
Stroke opacity Opacity of brush which draws shape. Be aware of anti-aliasing effect! Opacity value should between 0 (transparent) and 1 (default)
Fill color Color of shape filling. Specified in '#RRGGBB' notation
Corners rounding With this option selected displated shape will have rounded corners (applies to Line, Square and Rectangle)

Supported commands

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

CSS classes

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

Demo presentation

Demo presentation contains examples of how to use Standard Shapes Addon.