Example of Using RoCanvas.js

For more info how this works see RoCanvas Documentation.

Default Settings Sample

Below is just a canvas element that's turned into RoCanvas using the default settings.

Source:

	var r=new RoCanvas;
	r.RO("sampleBoard");

Custom Settings Sample

Source:

	var r2=new RoCanvas;
	r2.RO("sampleBoard2", {
		"toolbar": {
		   colors: ["pink", "#FFF","#000","#FF0000","#00FF00","#0000FF","#FFFF00","#00FFFF"],
		   custom_color: false,
			tools: ['path', 'circle', 'rectangle'],
			sizes: null,
			saveButton: {"text": "Save", "callback": "testSave(r2);"}			
		},
		"settings": {
			color: 'pink'		
		}
	});