dropshado.ws

Front-end development minutiæ

by David DeSandro

Archive
RSS feed
Twitter
GitHub Pages mirror

$.getImageData

John Schulz, regarding using getImageData() on remote images:

@desandro See http://bit.ly/cTS0Vd for ideas on loading remote images. It uses jQuery, but loading img-to-json URL+cb as script should work.

From the $.getImageData page:

$.getImageData allows anyone to get an image from another domain and have pixel level access to it using the getImageData() method. It works by sending a request with the URL of the image to google’s servers via the Google App Engine. The server then converts the image into base64 encoded data URL and sends the image back as a JSON object. This means that the image can be locally included on the website and therefore it can be edited by the canvas tag.

23 Sep 2010
  • HTML5
  • canvas
  • jquery
  • plugin
  • John Schulz
  • desandro.com
  • @desandro
  • github.com/desandro
  • desandro’s JS Fiddles