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

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


modos de mezcla jQuery - WorldWideScripts.net artículo para la venta

Ads

Ad: Bluehost hosting

Siga Twittersiga Dribbble

Nota : Si te gusta este trabajo, por favor puntúalo:)

La idea de modos de mezcla jQueryplug-in es mezclar dos copia misma imagencon el modo de fusión especificado, este proceso nos da un efecto asombroso y sin necesidad de utilizar cualquier editor de imágenes . Este plug -in include 15 modos de mezcla:
  • ColorBurn
  • colorDodge
  • exclusión
  • hardlight
  • hardMix
  • linearBurn
  • linearDodge
  • LINEARlight
  • multiplicarse
  • negación
  • superposición
  • pantalla
  • Softlight
  • restar
  • vividLight

¿Cómo funciona ?

Este plug -in utiliza el elemento canvas que introdujo en HTML5, poco es es un elemento especial que puede manipular los gráficos, por lo que podemos editar cada píxel de una imagen, y con este poder, se puede aplicar fácilmente el algoritmo de modos de mezcla. En primer lugar el plug-in de obtener dos copias de una imagen y se mezclan con un modo de mezcla elegida, el resultado de este proceso de putt en un nuevo elemento canvas, después de que el plug-in de ocultar la imagen original, finalmente anexar el elemento canvas generado antes la imagen oculta, estos pasos nos dan un resultado impresionante,y con esta función básica, podemos hacer un nuevo cursor del mouse sentimiento :)

Es fácil de usar

$('img').blending();

Niza Docs :

Este plugin viene con una documentación completa contiene una implementación sencilla explica cómo hacer que los efectos hover ..

Requisitos

  • Navegador moderno que soporte elemento canvas .
  • jQuery ( se recomienda la versión más reciente )
  • Hosting ( usted puede utilizar su localhost )

Créditos y Fuentes


© 2012 Mohieddine Abdel - Kader

Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
21 de octubre 11 , Última actualización

Palabras clave

15 modos, modos de fusión, lona, html5, modos de mezcla jQuery plug-in, javascript, jquery, photoshop, plug-in