{"title":"Project example showing the use of Javascript classes with node representation","description":"This example contains the software foundation for creating a drawing application using the Canvas API.","keywords":"project,example,nodes,class,javascript,canvas,api"}

Canvas API Project - Retained  mode

This example contains the software foundation for creating a drawing application using the Canvas API.
The project contains the basic classes for managing graphic elements in "Retained" mode: CanvasEditor, Geometry, Group, Rectangle, Ellipse, Line.
The Zoom and Pan tools are already implemented.
There are classes that allow you to create new tools.
The application creates 1000 graphics in the editor with random size and color.
Use the mouse wheel to zoom or click on the page background and drag the mouse to pan the view.
Panels - Changing the SVG properties

Representation of project nodes

There are 3 pages in this project: "drawing-application", "canvas-editor", "canvas-pointers".
The first page contains the application, the second the graphical editor and the third contains the base class of all tools and the "Zoom" and "Pan" tools.

Panels - Changing the SVG properties

Links al progetto

Show the project in the browser

Download the project