JSFiddle - React, Tailwind, and code Playground
by Darby Rathbone
JavaScript
var canvas = document.createElement("canvas"),
ctx = canvas.getContext("2d"),
img = document.createElement('img');
img.onload = function (e) {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
var url = canvas.toDataURL(); // Read succeeds, canvas won't be dirty.
};
img.crossOrigin = '';
img.src = 'http://farm4.static.flickr.com/3002/2758349058_ab6dc9cfdc_z.jpg?zz=1';
// Image to be fetched
src = "http://farm4.static.flickr.com/3002/2758349058_ab6dc9cfdc_z.jpg?zz=1"; // insert image url here
img.crossOrigin = "";