RoCanvas.js: Let the user draw on a canvas different shapes

Recommend this page to a friend!
     
  Info   View files Files   Download Download   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2025-07-09 (1 hour ago) RSS 2.0 feedNot enough user ratingsTotal: 169 All time: 305 This week: 4Up
Version License JavaScript version Categories
rocanvas 1.4MIT/X Consortium ...3.0Graphics
Description 

Author

Bob

This object can let the user draw on a canvas different shapes.

It can listen to events of the user using the mouse to draw several types of shapes on a given canvas object.

The objects adds buttons to the page so the user can pick different drawing tools like a color palette, brush sizes, drawing shapes for lines, circles, rectangles, etc..

A clear and a save button can also be added to the page. Clicks on the save button may invoke a given callback function to implement a procedure to save the drawing.

Picture of Bob
Name: Bob <contact>
Classes: 2 packages by
Country: Bulgaria Bulgaria
Age: ???
All time rank: 1142 in Bulgaria Bulgaria
Week rank: 6 Up1 in Bulgaria Bulgaria Up
Innovation award
Innovation award
Nominee: 1x

Details

--What Is RoCanvas.js --

A small and easy to embed javascript class for creating interactive drawing boards on your page. Add it to your site and let your visitors draw anything they want. With some server-side programming you can save their drawings to the server, create galleries, contests, let them draw their avatars, or create a cool lovely site like http://drawapig.desktopcreatures.com/.

Full documentation at http://re.trotoys.com/article/rocanvas/

Live demo at http://re.trotoys.com/rocanvas/rocanvas.html

  Files folder image Files (11)  
File Role Description
Files folder imageimg (5 files)
Accessible without login Plain text file changelog.txt Data Documentation
Accessible without login Plain text file license.txt Lic. Documentation
Accessible without login Plain text file README Data Auxiliary data
Accessible without login Plain text file rocanvas.css Data CSS file
Plain text file rocanvas.js Class Main class file
Accessible without login Plain text file sample.html Example live demo sample

  Files folder image Files (11)  /  img  
File Role Description
  Accessible without login Image file tool-circle.png Icon Icon image
  Accessible without login Image file tool-filledcircle.png Icon Icon image
  Accessible without login Image file tool-filledrectangle.png Icon Icon image
  Accessible without login Image file tool-path.png Icon Icon image
  Accessible without login Image file tool-rectangle.png Icon Icon image

Downloadrocanvas-2025-07-09.zip
Downloadrocanvas-2025-07-09.tar.gz
 Version Control Unique User Downloads Download Rankings  
 100%
Total:169
This week:0
All time:305
This week:4Up

  Applications that use this package  
Web application using the first versions of RoCanvas

Add link image If you know an application of this package, send a message to the author to add a link here.