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

— 添加到WorldWideScripts.net

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


jQuery的混合模式 - WorldWideScripts.net項目出售

Ads

Ad: Bluehost hosting

關注Twitter的。遵循Dribbble

注:如果你喜歡這個工作,請率。:)

。的思想。 。 jQuery的混合模式。。插件是混合兩個副本。 。相同的圖像。指定的混合模式,這個過程給我們一個驚人的效果,而無需使用任何圖像編輯器。此插件。 。 15混合模式。:
  • 。 colorBurn
  • 。 colorDodge
  • 。排除
  • 。 HARDLIGHT
  • 。 hardMix
  • 。 linearBurn
  • 。 linearDodge
  • 。 linearLight
  • 。繁殖。
  • 。否定
  • 。覆蓋
  • 。屏幕
  • 。柔光燈。
  • 。減去
  • 。 vividLight

。它是如何工作的!

此插件使用在HTML5 canvas元素的引入不久,這是一個特殊的元素,可以操作的圖形,所以我們可以編輯圖像中的每個像素,這種權力,我們可以很容易地應用混合模式算法。首先,插件得到兩個副本的圖像和混合選擇混合模式,這個過程的結果,推一個新的畫布元素,後插上隱藏原始圖像,最後追加之前生成的帆布元素隱藏的形象,這個步驟給我們一個真棒的結果,。這個基本的功能,我們可以使一個新的鼠標懸停時的感覺。 :)

。它很容易使用:

$('img').blending();

。尼斯文檔:

這個插件來包含一個簡單的實現一個完整的文檔解釋如何使懸停效果.

。要求:

  • 。現代瀏覽器支持canvas元素。
  • 。 jQuery的(我們推薦的最新版本) 。
  • 。主機(您可以使用本地主機) 。

。來源: 。


。 ©2012 Mohieddine阿卜杜勒 - 卡德爾

下載
此類別中的其他組成部分這個作者的所有組件
評論常見問題和答案

屬性

軟件版本:
HTML5和jQuery文件包含

關鍵字

15種模式, 混合模式, 帆布, HTML5 jQuery的插件混合模式的javascript, jquery的Photoshop的插件