Статьи

10 jQuery плагинов для рисования

10 плагинов для рисования jQuery, которые помогут вам рисовать такие графики, прямоугольники, стрелки, наброски, рисовать линии, круги и другие фигуры! Некоторые из них затем используют HTML-элемент canvas, поэтому обязательно проверьте его! jQuery, меньше писать, больше кода, теперь позволяет писать меньше и больше рисовать. Эти плагины и учебные пособия дают вам представление о том, как jQuery можно использовать для рисования линий и широкого спектра форм.

1. Рисование с использованием JavaScript и jQuery

Функциональность рисования не поддерживается в большинстве популярных браузеров, кроме Firefox и Safari с объектом Canvas. Используя маленький трюк, мы можем нарисовать линию и окружность, используя JavaScript. Это не лучшая практика, потому что нужно много времени для выполнения, но это может быть альтернативным способом рисования простых и маленьких объектов.
Рисунок использующих-JavaScript-и-jQuery.jpg
Источник

2. Использование jQuery и LiquidCanvas для добавления теней

Я разработал новый макет на основе CSS для страницы, и вместо того, чтобы пытаться изменить всю существующую графику тени и границы, чтобы соответствовать, я решил использовать jQuery и плагин LiquidCanvas, чтобы сохранить размер страницы небольшим, сохраняя при этом все визуальный эффект.
Использование JQuery-и-LiquidCanvas-к-Add-Drop-Shadows.jpg
Источник

3. Визуализация jQuery плагин-доступных диаграмм и графиков из элементов таблицы с использованием HTML 5 Canvas

Плагин jQuery Visualize предоставляет простой метод для создания линейчатых, линейных, площадных и круговых диаграмм из таблицы HTML и позволяет настраивать их различными способами.
JQuery-Визуализируйте-Plugin-Доступ-Charts-и-Графы-из-Table-элементов, использующих-HTML-5-Canvas.jpg
Источник

4. jQuery SVG плагин

Плагин jQuery, который позволяет вам взаимодействовать с холстом SVG.
JQuery-SVG-Plugin.jpg
Источник

5. Библиотека для простого рисования с помощью jQuery

Эта библиотека для простого рисования с помощью jQuery применяет SVG (используя плагин Keith Wood для jQuery) или метод canvas, если поддерживается в клиентском браузере (включает патч explorercanvas для ie). Если нет, то применяются методы, производные от работы Вальтера Цорна для совместимости.
Библиотека-для-простой вытяжки-с-jQuery.jpg
Источник

6. Draw — плагин рисования jQuery

Этот плагин был создан после того, как я заметил, что Уолтер Зорнс JavaScript рисует фигуры на экране с помощью divs.Я также изучил плагин drawlibrary, но у него слишком много накладных расходов. Drawlibrary использует те же алгоритмы, что и Уолтер Зорнс, но использует файлы SVG при использовании Microsoft IE. Этот плагин этого не делает.
Draw --- JQuery-Drawing-Plugin.jpg
Источник

7. JQuery Ink

Плагин jQueryInk — это виджет для библиотеки пользовательского интерфейса jQuery, который обеспечивает функциональность холста, используемого для записи. Он использует холст HTML5 и предоставляет функцию написания штрихов на нем, стирания ранее написанных штрихов, выбора групп штрихов или очистки всего холста.
JQuery-Ink.jpg
Источник

8. Блокнот

Scratch Pad — это простой плагин, который использует холст HTML 5 для создания интерактивной поверхности рисования всего за несколько строк кода.
Скретч-Pad.jpg
Источник

9. Джеллифий

Вводит новую концепцию в веб-дизайне: графический интерфейс на основе браузера для изменения любой веб-страницы из самого браузера. В настоящее время тестируется с последними версиями Chrome, Firefox, Opera, Safari, Internet Explorer 8 и 9.
Jelliphy.jpg
Источник

10. Стрелки и коробки

Простой в использовании, но мощный плагин для рисования симпатичных полей и стрелок на ваш сайт из простой разметки, как.
Стрелки-и-Boxes.jpg
Источник