免费绘图的JavaScript库

Question

是否有一种JavaScript库可以让我在网页上绘制，然后保存该绘画状态？

我想使用鼠标绘制一个二维图像，并学习如何存储和加载该绘画。

- ed1t

---

相关：我如何在画布上手绘？ - Martin Thoma

Answer 1

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

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

- Ghostoy

---

OP想要使用铅笔在页面上进行实际绘制，例如，并非图像。 - Bojangles

Answer 2

如果你想要免费的绘图工具可以在触摸屏上使用，我推荐使用Fabric.js:

• 演示
• 教程

代码:

<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

- Martin Thoma

Answer 3

你应该看一下ProcessingJS。

- pradeek

---

这个能让我用鼠标动态绘图吗？还是我需要预定义形状，然后它只是加载它们？ - ed1t