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

— Add-On till WorldWideScripts.net

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


jQuery blandningslägen - WorldWideScripts.net objekt till försäljning

Ads

Ad: Bluehost hosting

Följ TwitterFölj Dribbble

Obs : Om du gillar detta arbete, vänligen ränta:)

Idén om jQuery blandningslägenplug - in är att blanda två exemplar av samma bildmed specificerade blandningsläge, denna process ger oss en fantastisk effekt utan behov av att använda bilder som redaktör . Denna plug - in include 15 blandningslägen:
  • colorBurn
  • colorDodge
  • utanförskap
  • hardlight
  • hardMix
  • linearBurn
  • linearDodge
  • LINEARlight
  • multiplicera
  • negation
  • overlay
  • skärmen
  • Softlight
  • subtrahera
  • vividLight

Hur funkar det !

Denna plug - in använder arbetsytan element som införts i HTML5, kort det är en speciell faktor som kan manipulera grafik, så att vi kan redigera varje pixel i en bild, och med denna makt, kan vi lätt applicera blandningslägen algoritmen . För det första plug - in får två exemplar av en bild och blanda dem med en vald blandningsläge, resultatet av denna process puttade på en ny duk inslag, efter plug - in döljer den ursprungliga bilden, slutligen lägga den genererade canvas elementet innan den dolda bilden, detta steg ger oss en fantastisk resultatoch med denna grundläggande funktion som vi kan göra en ny mus svävande känsla :)

Det är lätt att använda

$('img').blending();

Trevligt Docs :

Denna plugin kommer med en fullständig dokumentation innehåller en enkel implementering förklara hur man gör hover effekter ..

Krav

  • Moderna webbläsare som stöder canvas elementet .
  • jQuery ( vi rekommenderar den senaste versionen )
  • Hosting ( du kan använda din localhost )

Krediter och Källor


© 2012 Mohieddine Abd - Kader

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
21 11 oktober , Last Update

Nyckelord

15 lägen, blandningslägen, duk, html5, jQuery blandningslägen plug - in, javascript, jQuery, Photoshop, plug-in