библиотека javascript для рисования в свободной форме

Question

Существует ли библиотека javascript, которая позволяет рисовать на веб-странице и затем сохранять состояние этого чертежа?

Я хочу нарисовать 2D-изображение с помощью мыши, а затем как сохранить и загрузить этот чертеж

Answer 1

Использовать HTML5 Canvas. Простой пример для рисования изображений здесь: http://jsfiddle.net/ghostoy/wTmFE/1/.

Я рекомендую эту онлайн-книгу: Dive Into HTML5 .

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

Answer 3

Вы должны посмотреть на ProcessingJS .