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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


jQuery Blend- Modi - WorldWideScripts.net Artikel zum Verkauf

Ads

Ad: Bluehost hosting

Folgen Sie TwitterFolgen Dribbble

Hinweis: Wenn Sie diese Arbeit gefällt, bewerten Sie:)

Die Idee jQuery Blend- ModiPlug- in ist es, zwei Kopie mischen. gleiche Bildmit angegeben Mischmodus, geben dieser Prozess uns eine erstaunliche Wirkung ohne Notwendigkeit, ein Bildbearbeitungsprogramm verwenden . Dieses Plug- in erweitert 15 Füllmethoden:
  • ColorBurn
  • colorDodge
  • Ausgrenzung
  • HARDLIGHT
  • hardMix
  • linearBurn
  • linearDodge
  • Linearlight
  • vermehren
  • Negation
  • Overlay
  • Bildschirm
  • SOFTLIGHT
  • subtrahieren
  • vividLight

Wie es funktioniert !

Dieses Plug- in mit dem Canvas-Element, das in HTML5 eingeführt, kurz es ist ein besonderes Element, das die Grafiken manipulieren kann, so können wir jedes Pixel in einem Bild zu bearbeiten, und mit dieser Kraft, können wir leicht anwenden Füllmethoden Algorithmus . Zunächst wird das Plug- in erhalten zwei Kopie eines Bildes und mischen sie mit einer ausgewählten Mischung Modus, ist das Ergebnis dieses Prozesses auf einem neuen Canvas-Element putted, nach dem Plug- in zu verstecken das ursprüngliche Bild, schließlich hängen die erzeugte Canvas-Element vor das verborgene Bild, diese Schritte geben uns eine tolle Ergebnisund mit dieser Grundfunktion können wir eine neue Maus hover Gefühl :)

Es ist einfach zu bedienen

$('img').blending();

Nizza Docs :

Dieses Plugin mit einer vollständigen Dokumentation kommen enthalten eine einfache Implementierung zu erklären, wie die Hover-Effekte machen ..

Anforderungen

  • Moderne Browser, dass die Unterstützung Canvas-Element .
  • jQuery (wir empfehlen die neueste Version )
  • Hosting ( Sie können Ihre localhost verwenden )

Kreativgruppe und Quellen


© 2012 Mohieddine Abd- kader

Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt 21. Oktober:
11

Letztes Update 17. Januar:
12

kompatiblen Browsern:
IE9 , Firefox , Safari, Opera, Chrome , Software Version

Dateien inklusive:
JS JavaScript , HTML, CSS

Stichworte

15 Modi, Füllmethoden, Leinwand, HTML5, jQuery Füllmethoden Plug- in, Javascript, jQuery, photoshop, Plug-in