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

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Blend Modes jQuery - WorldWideScripts.net artigo para a venda

Ads

Ad: Bluehost hosting

Siga Twittersiga Dribbble

Nota: Se você gosta deste trabalho, por favor classifique-:)

A idéia de Blend Modes jQueryplug-in é a mistura de dois cópia mesma imagemcom o modo de mistura especificado, este processo nos dá um efeito incrível, sem necessidade de usar qualquer editor de imagem. Este plug-in incluem 15 modos de mistura:
  • colorBurn
  • colorDodge
  • exclusão
  • hardlight
  • Hardmix
  • linearBurn
  • linearDodge
  • LINEarlight
  • multiplicar
  • negação
  • sobreposição
  • tela
  • Softlight
  • substrato
  • vividLight

Como é que funciona !

Este plug-in usa o elemento canvas, que introduziu em HTML5, logo é um elemento especial que pode manipular os gráficos, para que possamos editar cada pixel em uma imagem, e com este poder, pode facilmente aplicar o algoritmo de modos de mistura . Em primeiro lugar o plug-in ter dois cópia de uma imagem e misturá-las com um modo de mistura escolhida, o resultado deste processo põr em um novo elemento de tela, após o plug-in esconder a imagem original, finalmente, acrescentar o elemento canvas gerado antes a imagem escondida, esses passos nos dar um resultado incrível ,e com esta função básica, podemos fazer um novo foco do mouse sentimento :)

É fácil de usar

$('img').blending();

Bom Docs:

Este plugin vem com uma documentação completa conter uma implementação simples explicar como fazer os efeitos de focalização ..

Requisitos

  • Navegador moderno que suporte elemento canvas .
  • jQuery ( recomendamos a versão mais recente )
  • Hospedagem ( você pode usar o localhost )

Créditos e Fontes


© 2012 Mohieddine Abd- Kader

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
21 11 de Outubro

Atualização:
17 12 de janeiro

navegadores compatíveis:
IE9 , Firefox, Safari, Opera, Chrome , Software Version

Arquivos incluídos:
JavaScript JS , HTML , CSS

Palavras-chave

15 modos, modos de mistura, tela, html5, modos de mistura jQuery plug- in, javascript, jquery, photoshop, plug-in