Whiteboard lets the user draw freehand graphics on a Web page. It can create a canvas object for the whiteboard (if one does not exist) and let the user draw on the canvas area by dragging the mouse around. The color, thickness, line join, and line cap of the drawing pen can be configured. The object can also clear the whiteboard, export the coordinates of the drawn lines, or import previously drawn lines.
Gestures is an object that can recognize user gestures that form configurable shapes. It can listen to events of the user moving the mouse forming known gesture shapes. The object can recognize custom gesture shapes defined by a list of vertex points of the shape. A given callback function is invoked when the object recognizes a known user gesture shape. The object can also draw the gesture shape as the user moves the mouse.
Lightning effect JS is an object that can draw a random lightning bolt on the page. It can create a canvas on which a glowing random line similar to lightning bolt is drawn within given page boundaries. The position, color, and thickness of the lightning bolt are configurable parameters.
Isoworld can render 3D isometric cubes from three page elements. It takes the identifiers of three page elements and adjusts their CSS transform properties so they form the faces of a cube which appears in the page with the 3D isometric perspective. It can also use a fourth element to be displayed as the shadow of the cube on top of another element which appears as the ground.
Image Font can render images with text, using graphics as fonts. It takes a text string and creates an image on which the characters of the string are displayed using separate image files to render each character. The text may be aligned to the left, right, or center, or be justified. The image width may be limited so the text is wrapped if it exceeds the width limit. The character graphics may be mapped to image files with the same base name in a given directory. Alternatively, an array may be passed to define the paths of the character image files. The generated image may be saved to a file or displayed as the current script output in any of the formats supported by the PHP GD image extension.
Canvas Turtle is an object that interprets and renders graphic commands in a Canvas. It provides an API for rendering basic drawing primitives in 2D and includes commands that define the position of the graphics to be rendered, conditionals, loops, and so on. Commands are supplied as text strings with a simple syntax.
Canvas Events is an object that can emulate mouse events on canvas elements. It extends the HTML 5 canvas context object for a given canvas element, and can register event handlers to be called when mouse events on the canvas element occur. Currently, it supports the events click, dblclick, mouseover, mouseout, mousemove, mouseup, and mousedown events.
Color manager is an object that can be used to parse, manipulate, and convert color values. It can parse color definitions in several formats like hexadecimal, RGB, RGBA, HSL, HSLA, and colors by name. The object can change the color individual property values such as red, green, blue, hue, saturation, light values, and alpha channel. The manipulated colors can be converted to any of the supported formats.