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

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


Blend Mode jQuery - WorldWideScripts.net Barang Dijual

Ads

Ad: Bluehost hosting

Ikuti Twitterikuti Dribbble

Catatan : Jika Anda menyukai pekerjaan ini, silakan menilai itu:)

Ide jQuery Blend Modeplug-in adalah untuk campuran dua salinan gambar yang samadengan modus campuran ditentukan, proses ini memberikan efek yang luar biasa tanpa perlu menggunakan editor gambar . Plug-in ini meliputi 15 mode campuran:
  • colorBurn
  • colorDodge
  • eksklusi
  • hardLight
  • hardMix
  • linearBurn
  • linearDodge
  • Linearlight
  • biak
  • negasi
  • overlay
  • layar
  • softlight
  • kurangi
  • vividLight

Bagaimana cara kerjanya !

Plug-in ini menggunakan elemen kanvas yang diperkenalkan pada HTML5, tak lama itu adalah elemen khusus yang dapat memanipulasi grafis, sehingga kita dapat mengedit setiap pixel dalam sebuah gambar, dan dengan kekuatan ini, kita dapat dengan mudah menerapkan algoritma mode campuran . Pertama plug-in mendapatkan dua salinan dari suatu gambar dan memadukannya dengan modus campuran yang dipilih, hasil dari proses ini memukul pada elemen kanvas baru, setelah plug-in menyembunyikan gambar asli, akhirnya menambahkan elemen kanvas yang dihasilkan sebelum gambar tersembunyi, langkah ini memberikan kita hasil yang mengagumkan ,dan dengan fungsi dasar ini kita dapat membuat mouse baru melayang-layang perasaan :)

Sangat mudah untuk menggunakan

$('img').blending();

Bagus Docs :

Plugin ini datang dengan dokumentasi lengkap berisi implementasi sederhana menjelaskan bagaimana membuat efek melayang-layang ..

Persyaratan

  • Browser modern yang mendukung elemen kanvas .
  • jQuery ( kami merekomendasikan versi terbaru )
  • Hosting ( Anda dapat menggunakan localhost Anda )

Kredit & Sumber


© 2012 Mohieddine Abd - kader

Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
21 Oktober 11

Last Update:
17 Jan 12

Penjelajah Kompatibel:
IE9 , Firefox , Safari , Opera , Chrome , Software Version

Kata kunci

15 mode, mode campuran, kanvas, HTML5, mode campuran jQuery plug-in, javascript, jquery, photoshop, plug-in