WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Canvas

jQuery Blend Modes

— Дополнения к WorldWideScripts.net

Подпишитесь на наш канал, чтобы оставаться в курсе событий!

Новинка! Следуйте за нами, как вы хотите!


JQuery режимы наложения - WorldWideScripts.net пункт для продажи

Ads

Ad: Bluehost hosting

Следуйте TwitterСледуйте Dribbble

Примечание : Если вам нравится эта работа, пожалуйста, оцените его:)

Идея JQuery режимы наложенияПлагин является сочетание двух копий же изображенияс заданными режим смешивания, этот процесс дает нам удивительный эффект без необходимости использовать любой графический редактор . Этот плагин включить 15 режимов наложения:
  • colorBurn
  • colorDodge
  • исключение
  • HARDLIGHT
  • hardMix
  • linearBurn
  • linearDodge
  • Linearlight
  • размножаться
  • отрицание
  • Overlay
  • экрана
  • SoftLight
  • вычесть
  • vividLight

Как это работает !

Этот подключаемый модуль использовать графический элемент, который ввел в HTML5, в скором времени это особый элемент, который может манипулировать графикой, поэтому мы можем редактировать каждый пиксел в изображении, и с этой властью, мы можем легко применить алгоритм режимы наложения . Во-первыхплагин получить две копии изображения и смешать их с выбранного режима наложения результате этого процесса поставлено на новый элемент холст, после плагин скрытия исходного изображения, наконец, добавить сгенерированного элемента холста до скрытое изображение, эти шаги дают нам удивительный результат ,И с этой основной функции мы можем сделать новый наведении мыши чувство :)

Это простой в использовании

$('img').blending();

Ницца Docs:

Этот плагин поставляются с полной документацией содержат простую реализацию объясню, как сделатьэффектов наведения ..

Требования

  • Современный браузер с поддержкой графического элемента .
  • JQuery (мы рекомендовали последняя версия)
  • Хостинг ( вы можете использовать ваш локальный )

Кредиты & Источники


© 2012 Mohieddine Абд - Кадер

Скачать
Другие компоненты в этой категорииВсе компоненты этого автора
КомментарииЧасто задаваемые вопросы и ответы

Свойства

Дата создания:
21 11 октября

Последнее обновление:
17 янв 12 , совместимых браузеров

Software Version:
HTML5 , Jquery

Файлы, включенные:
JS JavaScript , HTML, CSS

Ключевые слова

15 режимов, режимы наложения, холсте, HTML5, JQuery режимы наложения плагинов, JavaScript, JQuery, Photoshop, плагин