JSFiddle - React, Tailwind, and code Playground

by f0t0n

HTML

<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQATogyQfWKBYKa-13DRJrXGruHezGarydPB-yDOw-rako27rV4">

JavaScript

var images = document.getElementsByTagName('img'),
    canvas;

function getImageDataUrl(imgEl) {
    if(!canvas) {
        canvas = document.createElement('canvas');
    }
    var image = new Image();
    image.src = imgEl.src;
    image.onload = function() {
        canvas.width = image.width;
        canvas.height = image.height;
        var ctx = canvas.getContext('2d');
        ctx.drawImage(image, 0, 0);
        try {
            console.log(canvas.toDataURL());
        } catch(e) {
            console.log(e);
        }
    };
}
for(var i = 0, img; img = images[i++];) {
    getImageDataUrl(img);
}