Javascript Girl
  1. Javascript Girl
  3. Comment obtenir la valeur RVB d'une image dans une page à l'aide de javascript?
Intereting Posts
Comment puis-je convertir mon application google maps en une application Google Earth? Filtrage JavaScript en comparant deux tableaux Trouver un objet par identifiant dans un tableau d'objets JavaScript Comment décoder une chaîne en JavaScript? Convertir "" dans Google LatLng IIS 7.5 aucune image css js montrant Fonction de membre appelant du numéro littéral Comment détecter si l'utilisateur a cliqué sur le bouton "Retour" Window.location.href avec POST au lieu de GET (ou effet équivalent) Pourquoi iframe.contentWindow == null? Passer STATIC_URL au fichier javascript avec django Obtenez la longueur d'une ligne SVG, rect, polygone et étiquettes de cercle Comment choisir entre _init et _create dans jQuery UI widget? JQM / jquery-collagePlus Usage Issue Comment écrire une déclaration IF en ligne en JavaScript?

Comment obtenir la valeur RVB d'une image dans une page à l'aide de javascript?

J'essaie de faire un bookmark-let. Mais je suis coincé à un moment donné. Je dois extraire le RVB ou la valeur de couleur d'une image de très x pixel en utilisant l'instruction "Pour Suivant". Mais je ne sais pas quelle fonction peut m'aider à extraire la valeur RVB. Quelqu'un peut-il m'aider avec la fonction qui indique la valeur de RCG d'un point donné dans une image?

Vous pouvez utiliser un canevas .

C'est une question difficile. Il n'y a aucune méthode que je connaisse dans le DOM standard qui vous permettra d'extraire la valeur RVB des pixels dans un <img> .

Cependant, si vous souhaitez entrer dans HTML5, vous pouvez profiter de l' élément <canvas> . Vous pouvez charger une image dans la toile ( .drawImage() ), puis obtenir les valeurs RVB que vous recherchez ( .getImageData() ; voir le lien dans la réponse de SLaks). Bien sûr, cela ne fonctionnera pas sur IE8 car il ne supporte pas <canvas> .

Une autre option pourrait être de faire un appel AJAX à un service Web pour obtenir des données de pixels. Le script côté serveur peut charger l'image, obtenir des valeurs RVB, et la retourner comme JSON dans votre bookmarklet. Cela ajoute évidemment la latence d'un aller-retour à un serveur, mais est plus compatible. (Considérez également les problèmes entre domaines, cependant).