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 για WorldWideScripts.net

Εγγραφείτε για να μας ζωοτροφές για να μείνετε ενημερωμένοι!

Νέο! Ακολουθήστε μας όπως εσείς το θέλετε!


jQuery Blend Modes - Θέση WorldWideScripts.net προς πώληση

Ads

Ad: Bluehost hosting

Ακολουθήστε TwitterΑκολουθήστε Dribbble

Σημείωση : Αν σας αρέσει αυτό το έργο, παρακαλώ ποσοστό αυτό:)

Η ιδέα του jQuery Blend Modesplug -in είναι να συνδυάσει δύο αντίγραφο ίδια εικόναμε καθορισμένο τρόπο ανάμειξης, η διαδικασία αυτή μας δίνει ένα καταπληκτικό αποτέλεσμα χωρίς να χρειάζεται να χρησιμοποιήσετε οποιοδήποτε πρόγραμμα επεξεργασίας εικόνας . Αυτό το plug -in περιλαμβάνουν 15 τρόποι μείγμα:
  • colorBurn
  • colorDodge
  • αποκλεισμού
  • hardLight
  • hardMix
  • linearBurn
  • linearDodge
  • Linearlight
  • πολλαπλασιάζονται
  • άρνηση
  • επικάλυψη
  • οθόνη
  • Softlight
  • αφαιρέσετε
  • vividLight

Πώς λειτουργεί !

Αυτό το plug -in χρησιμοποιήστε το στοιχείο καμβά που εισήχθη το HTML5, σύντομα θα είναι ένα ιδιαίτερο στοιχείο που μπορεί να χειριστεί τα γραφικά, ώστε να μπορούμε να επεξεργαστείτε κάθε pixel σε μια εικόνα, και με αυτή τη δύναμη, μπορούμε εύκολα να εφαρμόσει το μείγμα αλγόριθμο τρόπους . Πρώτον, το plug -in έχετε δύο αντίγραφα μιας εικόνας και ανακατέψτε τα με ένα επιλεγμένο τρόπο μείγμα, το αποτέλεσμα αυτής της διαδικασίας έβαλε να παίζει ένα νέο στοιχείο καμβά, μετά το plug -in κρύψει την αρχική εικόνα, τελικά προσαρτήσει το παραγόμενο στοιχείο καμβά πριν η κρυμμένη εικόνα, αυτό βήματα μας δίνουν ένα φοβερό αποτέλεσμακαι με τη βασική αυτή λειτουργία μπορούμε να κάνουμε μια νέα αίσθηση περάστε το ποντίκι :)

Είναι εύκολο στη χρήση

$('img').blending();

Νίκαια Docs :

Αυτό το plugin έρχονται με μια πλήρη τεκμηρίωση περιέχει μια απλή εφαρμογή εξηγήσει πώς να κάνει τα αποτελέσματα αιωρείται ..

Απαιτήσεις

  • Σύγχρονο πρόγραμμα περιήγησης ότι το στοιχείο καμβά υποστήριξη .
  • jQuery ( συστήσαμε την τελευταία έκδοση )
  • Φιλοξενία (μπορείτε να χρησιμοποιήσετε localhost σας)

Συντελεστές & Πηγές

  • Αυτό το όμορφο εικόνες που χρησιμοποιούνται για την επίδειξη είναι από© Lady Tori
  • Κυματοειδή απόDinpattern
  • Μερικά ορισμός είναι απόWikipedia
  • Γραμματοσειρές απόGoogle web -fonts

© 2012 Mohieddine Abd - Kader

Λήψη
Άλλα στοιχεία σε αυτή την κατηγορίαΌλα τα συστατικά αυτού του συγγραφέα
ΣχόλιαΣυχνές ερωτήσεις και απαντήσεις

Properties

Δημιουργήθηκε:
21, Οκτωβρίου 11 ? Τελευταία Ενημέρωση

Λέξεις-κλειδιά

15 τρόποι, Τρόπους μείγμα, Καμβά, HTML5, JQuery μείγμα τρόπων plug -in, Javascript, Jquery, Photoshop, Plug -in