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 til WorldWideScripts.net

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


jQuery Blend Modes - WorldWideScripts.net element for salg

Ads

Ad: Bluehost hosting

Følg TwitterFølg Dribbble

Merk: Hvis du liker dette arbeidet, kan du vurdere den:)

Ideen om jQuery Blend Modesplug -in er å blande to eksemplar av samme bildetmed spesifisert blanding modus, denne prosessen gir oss en utrolig effekt uten behov for å bruke et bilderedigeringsprogram . Denne plug -in inkludere 15 blandingsmodi:
  • colorBurn
  • colorDodge
  • eksklusjon
  • hardLight
  • hardMix
  • linearBurn
  • linearDodge
  • LINEARlight
  • formere seg
  • negasjon
  • overlegg
  • skjermen
  • SoftLight
  • subtrahere
  • vividLight

Hvordan fungerer det !

Denne plug -in bruke lerretet element som ble introdusert i HTML5, kort tid det er en spesiell element som kan manipulere grafikk, så vi kan redigere hver piksel i et bilde, og med denne kraften, kan vi enkelt bruke blanding moduser algoritmen . For det første plug -in får to kopier av et bilde og bland dem med en utvalgt blanding modus, resultatet av denne prosessen puttet på et nytt lerret element, etter at plug-in skjule det opprinnelige bildet, endelig legge den genererte lerretet element før det skjulte bildet, denne fremgangsmåten gir oss en fantastisk resultatog med denne grunnleggende funksjonen kan vi lage en ny mus hover følelse :)

Det er lett å bruke

$('img').blending();

Nice Docs :

Denne plugin kommer med en full dokumentasjon inneholder en enkel implementering forklare hvordan du gjør de sveveeffekter ..

Krav

  • Moderne nettleser som støtter canvas -elementet.
  • jQuery (vi anbefaler den nyeste versjonen )
  • Hosting ( du kan bruke localhost )

Credits & Kilder


© 2012 Mohieddine Abd - kader

Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

Laget:
21 oktober 11 , Siste oppdatering

Søkeord

15 moduser, blandingsmodi, lerret, HTML5, jQuery blandingsmodi plug -in, javascript, jquery, photoshop, plug -in