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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


metodi di fusione jQuery - WorldWideScripts.net oggetto in vendita

Ads

Ad: Bluehost hosting

Seguire Twitterseguire Dribbble

Nota : Se ti piace questo lavoro, si prega di votarla:)

L' idea di metodi di fusione jQueryplug-in è di fondere due copia stessa immaginecon il metodo di fusione specificato, questo processo ci danno un effetto sorprendente, senza necessità di utilizzare qualsiasi editor di immagini . Questo plug - in include 15 metodi di fusione:
  • colorBurn
  • colorDodge
  • esclusione
  • hardlight
  • hardMix
  • linearBurn
  • linearDodge
  • LINEARlight
  • moltiplicarsi
  • negazione
  • overlay
  • schermo
  • Softlight
  • sottrarre
  • vividLight

Come funziona !

Questo plug-in usare l'elemento canvas che ha introdotto in HTML5, poco che sia è un elemento speciale che può manipolare la grafica, per cui si può modificare ogni pixel in un'immagine, e con questo potere, possiamo applicare facilmente l'algoritmo di metodi di fusione . In primo luogo il plug-in di ottenere due copie di un'immagine e li fondono con un metodo di fusione scelto, il risultato di questo processo ha messo su un nuovo elemento canvas, dopo che il plug-in di nascondere l'immagine originale, finalmente si accoda l'elemento canvas generato prima l'immagine nascosta, questa procedura ci danno un risultato impressionante ,e con questa funzione di base siamo in grado di fare un nuovo sentimento hover del mouse :)

E 'facile da usare

$('img').blending();

Nizza Docs :

Questo plugin venire con una documentazione completa contiene una semplice implementazione di spiegare come fare l'effetto hover ..

Requisiti

  • Browser moderno che supportano elemento canvas .
  • jQuery ( si consiglia la versione più recente )
  • Hosting ( è possibile utilizzare il localhost)

Crediti & Fonti


© 2012 Mohieddine Abd- Kader

Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
21 ottobre 11

Ultimo aggiornamento:
17 12 gennaio

browser compatibili:
IE9 , Firefox , Safari, Opera , Chrome , versione software

Files Included:
JS JavaScript , HTML , CSS

Parole chiave

15 modalità, metodi di fusione, tela, html5, metodi di fusione jQuery plug- in, Javascript, jquery, photoshop, plug- in