自由形式绘图的JavaScript库

Question

是否有一个javascript库可以让我在网页上绘图然后保存该绘图的状态？

我想使用鼠标绘制2D图像，然后如何存储和加载该绘图

Answer 1

使用HTML5 Canvas。这里有一个绘制图像的简单示例：http://jsfiddle.net/ghostoy/wTmFE/1/。

我推荐这本在线图书：Dive Into HTML5。

Answer 2

你应该看看ProcessingJS。

Answer 3

如果您希望免费绘图与触摸屏一起使用，我推荐Fabric.js：

• Demo
• Tutorial

代码：

<canvas id="c1" width="100" height="100" style="border:1px solid black;">
</canvas>

var canvas = new fabric.Canvas('c1');
canvas.isDrawingMode = true;
canvas.freeDrawingBrush.width = 5;
console.log(canvas);

请参阅JSfiddle