image2canvas

Use YQL and a script tag to access images on another domain. No libraries required.

by John Schulz

HTML

<script src="http://github.com/jfsiii/close-pixelate/raw/97fc072f0b036a25ba77e06e71b979ca99cafa41/close-pixelate.js"></script>
<script src="http://gist.github.com/raw/630326/de5d97c562e8f0a903e8ea64fd600a6cab358565/image2canvas.js"></script>
<input type="url" name="url" value="http://farm5.static.flickr.com/4098/4896826915_2940ddea05_b_d.jpg" size="50" />

<form method="POST" action="http://query.yahooapis.com/v1/public/yql">
    <input type="hidden" name="q" />
    <input type="hidden" name="format" value="json" />
    <input type="hidden" name="callback" value="cb" />
    <button type="submit">POST to YQL</button>
</form>

JavaScript

document.getElementsByTagName('form')[0].addEventListener('submit', function(e) {
    e.preventDefault();

    var form = this, 
        img_url = document.getElementsByName('url')[0].value,
        query = 'select * from data.uri where url="' + img_url + '"';

    form.q.value = query;
    form.submit();
}, false);