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へ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


販売用WorldWideScripts.netアイテム - jQueryのブレンドモード

Ads

Ad: Bluehost hosting

ツイッター。に従ってください。 Dribbbleに従ってください

注:この作品が好きなら、それを評価してください:)

。 。 のアイデア。 jQueryのブレンドモード。。プラグインがサポートされます。 の2コピーをブレンドすることである。同じイメージ。。指定されたブレンドモードでは、このプロセスは任意の画像エディタを使用することなく、私たちに驚くべき効果を与える。このプラグインは。 が含まれています。 15ブレンドモード。:
  • 。 colorBurn 。
  • 。 colorDodge 。
  • 。除外。
  • 。 HARDLIGHT 。
  • 。 hardMix 。
  • 。 linearBurn 。
  • 。 linearDodge 。
  • 。 linearLight 。
  • 。掛ける。
  • を。否定。
  • 。オーバーレイ。
  • 。画面。
  • 。ソフトライト。
  • 。 substract 。
  • を。 vividLight 。

。それはどのように動作しません!

このプラグインは、グラフィックスを操作することができる特殊な要素ですまもなくそれは、 HTML5で導入されたcanvas要素を使用するので、我々は画像内の各ピクセルを編集することができますし、この力で、我々は、ブレンドモードのアルゴリズムを簡単に適用することができます。まずプラグイン画像の2のコピーを取得し、元の画像を非表示プラグインの後に選択したブレンドモード、新しいcanvas要素にパットこのプロセスの結果、それらをブレンドし、最終的には、生成されたcanvas要素を追加する前に、隠された画像、この手順では、私たちに素晴らしい結果を与える、 。。そして、この基本的な機能を我々は新しいマウスホバー感を作ることができる。 :)

。それは使いやすいです。

$('img').blending();

。ドキュメントをニース:

完全なドキュメントが付属してこのプラグインは単純な実装では、ホバー効果を作成する方法について説明が含まれ.. 。

。要件: 。

  • 。最新のブラウザをサポートしているcanvas要素。 。
  • 。 jQueryの(我々は最新バージョンを推奨)。
  • 。ホスティング(あなたのローカルホストを使用することができます) 。

。クレジット&出典:


。 ©2012 Mohieddineアブド·カデル

ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

最終更新:
17 1月12日

:
21 10月11日作成された互換性のあるブラウザを

キーワード

15モードは, ブレンドモード, キャンバス, HTML5, jQueryのブレンドモードプラグイン, ジャバスクリプト, jqueryの, フォトショップ, プラグイン