Question

Is there a javascript library to draw images directly in the browser and save them to png or jpeg?

I want to use an alternative to services like aviary.com, pixlr.com and sumopaint.com and dont want to rely on third-party services and apis like these ones.

Is processingjs the right solution? I want a solution that works everywhere so please no nodejs and so on.

I need tools like a brush, paintbrush, pencil, layers, filters and so on – just like the real photoshop.

Answer 1

You could also draw all sorts of images and animations using http://paperjs.org/

Then you can save them using straightforward JS:

var canvas           = document.getElementById("my_canvas_element");
var imageToExport    = canvas.toDataURL("image/jpeg");
document.write('<img src="'+img+'"/>');