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

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


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的插件