Есть ли библиотека Javascript для Paint-подобных приложений с использованием холста?

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

EDIT: Итак, я нашел библиотеки Javascript, которые позволяют легко анимацию элементов холста, таких как Raphael JS - и Javascript для создания простых приложений Paint, но нет надежных библиотек для Paint-подобных приложений.

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

Ответ 1

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

Ответ 2

Рафаель

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

SVG

Если вам требуется SVG-решение, специально разработанное для рисования, посмотрите на:

SVG-edit

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

Canvas

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

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

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

Ответ 3

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

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

Ответ 4

Вы можете попробовать Painterro. Его можно использовать для вставки и обработки скриншотов, обрезки, рисования примитивов и текста, вращения, изменения размера (изменения разрешения), масштабирования, рисования стрелок, экспорта с требуемым уровнем сжатия, поддержки горячих клавиш

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

Painterro имеет версию браузера-скрипта и пакет npm

Может быть легко интегрирован с любым SPA, таким как Vue/React, хорошо работает в Electron/Cordova

Ответ 5

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

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

Ответ 6

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

Live Demo