Топ 5: Лучшие эскизы и рисование на холсте вручную плагинов javascript и jQuery

Эти библиотеки — от настраиваемых планшетов для подписи до нашей личной веб-версии MsPaint — станут хорошим началом, если вы захотите войти в удивительный мир холстов. Вершина была сделана в соответствии со сложностью реализации и насколько дружелюбен API с разработчиком (включая зависимости).

5. wPaint

Github | демонстрация

wPaint — это плагин рисования jQuery для простой рисованной поверхности, которую вы можете легко вставлять на свои страницы, подобно основной программе рисования Windows. Этот плагин требует JQuery UI.

Плагин wPaint sketch

4. записная книжка

Github | демонстрация

Sketchpad — это простой проект SketchPad, API предоставляет множество функций, таких как менеджер отмен и повторов, а также размер штриха. Вы даже можете оживить нарисованный путь.

Холст Sketchpad

3. Sketch.js

Github | демонстрация

Sketch.js — это простой в использовании плагин jQuery, который позволяет создавать холсты, на которых посетители могут рисовать. Код частично вдохновлен Учебное пособие по рисованию Уильяма Мэлоуна так же как CanvasPaint.

Библиотека Sketch.js

2. Отзывчивый Sketchpad

Github | демонстрация

Responsive Sketchpad Полностью адаптивный блокнот HTML5 canvas для использования в настольных и мобильных браузерах. Вы можете рисовать на холсте любого размера, затем вы можете задавать динамические размеры, используя JavaScript, и штрихи также будут изменены.

Эскиз Отзывчивый Холст

1. Atrament.js

Github | демонстрация

Atrament.js

Atrament.js — это крошечная библиотека JS для красивого рисования и рукописного ввода на HTML-холсте, позволяющая пользователю рисовать плавные, естественные рисунки и рукописный текст на холсте HTML с помощью сенсорной панели или мыши.

дополнительный

Буквально холст

Буквально Canvas — это потрясающий виджет для рисования HTML5, но React.js это зависимость. Он поддерживает менеджер отмен и повторов, панель масштабирования, выбор, ластик, устройство изменения размера штрихов и многие другие функции.

Буквально холст

Painterro

Github

Painterro Demo

Painterro — это виджет рисования JavaScript, который позволяет редактировать изображения прямо в браузере. Он может быть легко интегрирован в ваш сайт или блог, включив только один файл js и вызывая код инициализации. С Painterro вы можете:

  • Вставить изображение из буфера обмена с Ctrl+V (например. PtnScr снимок экрана), перетащите его в виджет или загрузите с открытым диалогом
  • Обрезать изображение по определенной области
  • Примитивы краски (можно использовать альфа-цвет)
  • Добавить текст
  • Повернуть / изменить размер (масштабировать) изображение
  • Pixelize некоторую область, чтобы скрыть конфиденциальные данные

Если вы знаете еще один замечательный плагин для эскизов, поделитесь им с нами в поле для комментариев!

Ссылка на основную публикацию
Adblock
detector