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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Modes de fusion jQuery - WorldWideScripts.net objet en vente

Ads

Ad: Bluehost hosting

Suivez TwitterSuivez Dribbble

Note: Si vous aimez ce travail, s'il vous plaît noter qu'il:)

L'idée d' Modes de fusion jQueryplug-in est de mélanger deux copie même imageavec le mode de fusion spécifiée, ce processus nous donne un effet étonnant, sans nécessité d'utiliser un éditeur d'images . Ce plug-in comprend 15 modes de fusion:
  • colorBurn
  • colorDodge
  • exclusion
  • hardlight
  • Hardmix
  • linearBurn
  • linearDodge
  • LINEARlight
  • multiplier
  • négation
  • overlay
  • écran
  • SOFTLIGHT
  • soustraire
  • vividLight

Comment ça marche !

Ce plug-in utiliser l'élément canvas qui a introduit en HTML5, peu de temps c'est est un élément spécial qui permet de manipuler les graphiques, afin que nous puissions modifier chaque pixel d'une image, et avec ce pouvoir, nous pouvons facilement appliquer l'algorithme des modes de mélange . Premièrement, le plug-in obtenir deux copies d'une image et mixez -les avec un mode de fusion choisie, le résultat de ce processus roulés sur un nouvel élément canvas, après le plug-in cacher l'image originale, enfin ajoutez l'élément canvas généré avant l'image cachée, ces étapes nous donne un résultat impressionnantet avec cette fonction de base, nous pouvons faire une nouvelle souris hover sentiment :)

Il est facile à utiliser

$('img').blending();

Belle Docs :

Ce plugin venir avec une documentation complète contient une implémentation simple expliquer comment faire les effets de survol ..

Exigences

  • Fureteur qui soutien élément canvas .
  • jQuery ( nous recommandons la dernière version )
  • Hébergement ( vous pouvez utiliser votre localhost)

Crédits & Sources


© 2012 Mohieddine Abd- kader

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
21 Octobre 11

Dernière mise à jour:
17 Janvier 12

Navigateurs compatibles:
IE9 , Firefox , Safari, Opera, Chrome , Version du logiciel

Mots-clés

15 modes, modes de fusion, toile, html5, les modes de fusion jQuery plug- in, Javascript, jquery, photoshop, plug-in