Библиотека для рисования изображений в браузере

Question

Существует ли библиотека javascript для рисования изображений непосредственно в браузере и сохранения их в png или jpeg?

Я хочу использовать альтернативу таким сервисам, как aviary.com, pixlr.com и sumopaint.com, и не хочу полагаться на сторонние сервисы и apis, подобные этим.

Является ли processingjs правильным решением? Я хочу решение, которое работает везде, поэтому, пожалуйста, не nodejs и т. Д.

Мне нужны инструменты, такие как кисть, кисть, карандаш, слои, фильтры и т. Д. - как настоящий фотошоп.

Answer 1

Вы также можете рисовать всевозможные изображения и анимации, используя http://paperjs.org/

Затем вы можете сохранять их, используя простые JS:

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

Answer 2

Попробуйте processingjs

Для сохранения изображения просто используйте URL-адреса данных:
http://en.wikipedia.org/wiki/Data_URI_scheme
Получить данные изображения в JavaScript?