jQuery convertir l'image en niveaux de gris?
Je suis nouveau sur jQuery et vraiment aimer. Je voudrais savoir si il y a un effet similaire à celui d'IE dans lequel je peux convertir des images en niveaux de gris dans le runtime?
Vous devez vous connecter pour publier un commentaire.
Je ne pense pas que jQuery a une façon particulière de le faire, mais vous pouvez utiliser le
<canvas>
tag. voir le tutorielDécouvrez pixastic ... il est censé travailler, dans ...
http://www.pixastic.com/lib/docs/actions/desaturate/
Voici mon simple plugin jQuery: jquery-niveaux de gris
De l'exécuter comme:
Il rend l'utilisation de <canvas> donc il ne fonctionnera pas dans les navigateurs plus anciens.
Il y a un exemple de ce que cela soit fait dans le sens inverse (de couleur en niveaux de gris) avec jQuery à:
http://www.sohtanaka.com/web-design/examples/hover-over-trick/
J'imagine qu'il serait assez simple d'inverser ce donc, il est passé du gris à la couleur. Le code lui-même est très simple et élégante.
Vous pouvez également utiliser cette astuce, si votre but est juste de faire de l'image en échelle de gris sur le vol stationnaire.
http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/
J'ai écrit un plugin jQuery appelé $.niveaux de gris() qui le fait pour vous. Il prend en charge les images hébergées sur un autre domaine par l'utilisation de proxy demandes.
C'est juste invoqué en utilisant
Il ya une façon que vous pouvez faire cela avec CSS3 uniquement (donc pas d'une fonction jQuery en général). Il ne nécessite pas tous les plugins si.
En CSS ajouter:
Pour Safari vous aurez à utiliser:
En JS utilisation:
Espérons que cette aide!
J'ai essayé tous ceux qui sont listés ici et ils n'ont pas de travail bien (que ce soit d'en faire trop comme la fixation sur le vol stationnaire ou tout simplement ne fonctionne pas sur tous les navigateurs ou les domaines). J'ai donc fouettée une moi-même, ce qui est très court et concis: https://github.com/arturnt/jquery.grayscale.js