用于在浏览器中绘制图像的库

Question

是否有一个javascript库直接在浏览器中绘制图像并将它们保存到png或jpeg？

我想使用像aviary.com，pixlr.com和sumopaint.com等服务的替代方案，而不想依赖第三方服务和apis这样的服务。

Processingjs是正确的解决方案吗？我想要一个适用于所有地方的解决方案，所以请不要使用nodejs等等。

我需要像画笔，画笔，铅笔，图层，滤镜等工具 - 就像真正的Photoshop一样。

Answer 1

尝试processingjs

对于图像保存，只需使用data-urls：
http://en.wikipedia.org/wiki/Data_URI_scheme
Get image data in JavaScript?

Answer 2

您还可以使用http://paperjs.org/

绘制各种图像和动画

然后你可以使用直截了当的JS保存它们：

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