Groupboard Designer JavaScript Demo

This is an example showing how to access the Groupboard Designer using JavaScript. The normal GUI is disabled using the 'hide_gui' parameter and JavaScript functions are called to change the drawing tool, size, etc. View the html code to see how it is done.

Groupboard JavaScript functions reference manual

Use Thin Lines
Gridlines

Set Background

Clear
Save
Load

Help

ERROR: You must have a Java-capable browser in order to use the Groupboard!
Size 1 Freehand
Size 2 Line
Size 3 Oval
Size 4 Rectangle
Size 5 Polygon
Size 6 Filled oval
Size 7 Filled rectangle
Size 8 Filled Polygon
Size 9 Hatched Polygon
Size 10 Text

Zoom 100% Select
Zoom in Pointer
Zoom out Pan
Place image
Tool Library

White Grey Black
Red Cyan Pink
Green Orange Brown
Blue Magenta Pale green
Undo/Redo
Cut Copy Paste Delete
Select all Select none