How can I use JavaScript or jQuery to read a pixel of an image when user clicks it?

by

If you can draw the image in a canvas element then you can use the getImageData method to return an array containing RGBA values.

var img = new Image();
img.src="https://stackoverflow.com/questions/1041399/image.jpg";
var context = document.getElementById('canvas').getContext('2d');
context.drawImage(img, 0, 0);
data = context.getImageData(x, y, 1, 1).data;

More Related Contents:

  1. Passing variable to function in javascript and jQuery
  2. Reloading a single div in an html page [closed]
  3. How to invoke animation when redirection in jsf?
  4. fixing slider on my website [closed]
  5. jQuery scrollTop() doesn’t seem to work in Safari or Chrome (Windows)
  6. How to load the web page content based on user scrolling
  7. How to move an iFrame in the DOM without losing its state?
  8. Prevent form submission with enter key
  9. focus doesn’t work in IE
  10. Access event to call preventdefault from custom function originating from onclick attribute of tag
  11. Recommended JavaScript HTML template library for JQuery? [closed]
  12. jQuery or Javascript check if image loaded
  13. Calculate working days between two dates in Javascript excepts holidays
  14. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  15. jQuery ajax return value [duplicate]
  16. Find property by name in a deep object
  17. How do I keep the current tab active with twitter bootstrap after a page reload?
  18. Add names of the states to a map in d3.js
  19. How can I prevent a click on a ‘#’ link from jumping to top of page?
  20. VueJs templating. How to load external templates
  21. jquery/javascript: function(e){…. what is e? why is it needed? what does it actually do/accomplish?
  22. Compare two date formats in javascript/jquery
  23. “Permission denied” with Internet Explorer and jQuery
  24. How can I dynamically highlight strings on a web page?
  25. Jquery delay execution of script
  26. How to hide optgroup/option elements?
  27. What is the new proper way to use a child selector with a context node in jQuery?
  28. How to include jquery.js in another js file?
  29. Determine distance from the top of a ‘div’ to top of the window with JavaScript
  30. How to use confirm using sweet alert?

Leave a Comment