Vous pouvez échantillonner des données de couleur de pixel sur une image de canevas avec getImageData(). Si je superpose un élément de canevas transparent sur une image d'arrière-plan ou un film instantané, puis-je en échantillonner une couleur via la balise canvas?Javascript - obtient des données de pixel de l'image sous l'élément de toile?
Répondre
Phil a raison, vous ne pouvez pas le faire. Canvas, par conception, ne renvoie que ses propres données de pixels intrinsèques, et non aucun contenu rendu à l'écran provenant d'autres éléments.
Vous pouvez créer un élément de canevas couvrant toute la page et capturant une image de l'écran rendu.
Si possible, il s'agirait d'une faille de sécurité inter-site. Vous pouvez iframez un site cible (en utilisant les cookies/l'authentification/l'intranet de l'utilisateur pour y accéder), puis en aspirez le contenu pixel par pixel.
Je ne pense pas. Vous obtiendriez la couleur de la toile à ce moment-là. J'ai trouvé la méthode document.defaultview.getComputedStyle(element,pseudoElt)
, mais sur un div de 1 pixel sans arrière-plan, il est retourné 'transparent'.
Donc, malheureusement, cela peut être impossible à l'heure actuelle. Quel est votre objectif de niveau supérieur? Nous pourrions être en mesure de trouver un itinéraire alternatif. «J'ai eu une idée plus tôt pour copier des données d'image dans un objet javascript: vous pouvez créer un élément de canevas couvrant toute la page et capturant une image de l'écran rendu. peut-être ".
Si cela ne vous dérange pas que ce soit une image statique, il ya un excellent site Web qui le fait pour vous: Browser Shots. Il génère des captures d'écran de votre site Web fonctionnant dans une vaste gamme de différents navigateurs.
J'ai eu une idée plus tôt pour copier des données d'image dans un objet javascript. Vous pouvez créer un élément de canevas couvrant toute la page et capturant une image de l'écran rendu. Une fois que vous avez ces données, vous pourriez peut-être effectuer des tests croisés dans le monde réel. – Geuis
J'ai ajouté une note à la réponse au sujet du site Web browsershots, qui devrait faire ce que vous pensez d'une manière simple et agréable. –
- 1. CGBitmapContext obtient la valeur de pixel confusion Leopard vs. SnowLeopard
- 2. Algorithme de dessin de pixel
- 3. pixel de suivi ou javascript inclus?
- 4. DropDownList obtient l'objet sous-jacent
- 5. Obtient un ensemble de plages de dates/heures basées sur des données de base de données
- 6. Comment modifier les données de pixel après avoir obtenu les informations de pixel
- 7. Bibliothèque d'animation sprite Javascript pour balise de toile
- 8. Élément de toile lente
- 9. Obtient l'objet de liaison de données dans le contrôle
- 10. Modifier l'origine de la toile
- 11. Obtention des coordonnées de pixel d'un marqueur de carte Google
- 12. Obtenir la liste des valeurs de pixel de PIL
- 13. Obtient des dépendances à partir de la requête SQL
- 14. Comment avoir sous-pixel de rendu de police pour LCD (cleartype sur windows) sur Linux?
- 15. formulaire de sélection de pixel winform vb.net
- 16. NSString longueur de pixel de texte
- 17. Question HTML: éléments de taille de pourcentage avec des dimensions minimales de pixel
- 18. Comment faire de la toile avec Swing?
- 19. GD obtient l'image de la chaîne binaire
- 20. Jquery - Obtient des éléments désactivés
- 21. jquery: obtient et ajoute des données à une structure de table
- 22. MySQL obtient des valeurs distinctes et compte combien de chaque?
- 23. Get non traduit, non tourné (x, y) de coordonnées d'un point à partir d'une toile Javascript
- 24. Rapide, API de dessin 2D de précision de pixel pour l'application graphique?
- 25. D'où le Gestionnaire de paquets Perl obtient-il ses données de 'zones' sur Win32?
- 26. Dump MySQL vue sous forme de tableau avec des données
- 27. Filtrage des données de sous-rapport dans un rapport Winforms
- 28. Quel moteur de base de données obtient l'utilisation du produit 24/7?
- 29. Stockage de données à partir de JavaScript
- 30. JFreeChart obtient les coordonnées de la souris
Cette question est peut-être pertinente (et j'essaie de résoudre le même problème): http://stackoverflow.com/questions/2754865/how-to-get-the-rgb-value-of-an-image -in-a-page-using-javascript –