Есть ли библиотека Javascript для приложений, похожих на Paint, использующих canvas?

Question

Существует ли библиотека Javascript, которая имеет встроенные функции для быстрого создания Paint-подобного веб-приложения с использованием элемента canvas?

РЕДАКТИРОВАТЬ: Итак, я нашел библиотеки Javascript, которые позволяют легко анимировать элементы canvas - такие как Raphael JS - и учебники по Javascript для создания простых приложений Paint но нет надежных библиотек для приложений, подобных Paint.

РЕДАКТИРОВАТЬ 2: Я нашел Учебник по Javascript в довольно симпатичном приложении Paint с использованием элемента canvas. Я все еще хотел бы видеть то, что нашли другие.

Answer 1

Рафаэль

Рафаэль не использует холст.Он использует SVG в браузерах, которые его поддерживают, или VML в Internet Explorer.

SVG

Если вы хотите решение SVG, разработанное специально для рисования, взгляните на:

• SVG-edit

См. эту демонстрацию .

Canvas

Если вы хотите использовать Canvas, новам нужен режим удержания рендеринга, тогда смотрите:

• Fabric.js
• Paper.js
• Processing.js
• EaselJS
• KineticJS
• bHive

Обновление (февраль 2014 г.)

• ART , API векторного рисования с сохранением режима - предназначен для всех трех HTML5 Canvas, SVG и VML(плюс немного генерации кода).Используется командой Facebook вместе с React инструментарием пользовательского интерфейса (см .: реаги-арт и ветвь "art" из реакции-страница проект на GitHub).

Answer 2

Буквально Canvas подходит именно для этой цели: http://literallycanvas.com

«Буквально Canvas - это расширяемый, с открытым исходным кодом (лицензированный BSD) виджет для рисования HTML5 ... Вы можете использовать его для встраивания досок для рисования в веб-страницы».

Answer 3

Существует processingJS , но так как это порт базированной обработки JAVA, вы пишете свой код на языке обработки javaish. Но в конце концов вы могли бы создать то, что рисовать как приложение. Другой фреймворк - fabricJS , который также отлично подходит для работы с canvas.

Answer 4

Вы можете попробовать painterro . Может использоваться для вставки и обработки скриншотов, обрезки, рисования примитивов и текста, вращения и изменения размера (изменения разрешения)

Answer 5

Существует пакет npm spainter .

Демонстрация в реальном времени

Answer 6

Я думаю, что самое близкое, что вы получите, это расширить то, через что прошел этот урок.

Трудно создать функциональность, подобную краске общего назначения, из-за широкого спектра требований.