JSFiddle - React, Tailwind, and code Playground

by serio

HTML

<canvas id="c"></canvas>

JavaScript

$(function() {
    var img_src = 'http://2.bp.blogspot.com/-_8HyVe1bj9w/TvBycyb0MVI/AAAAAAAABgI/C1UFp8hV4tM/s1600/t2.jpg';
    
    var canvas = document.getElementById('c');
    var ctx = canvas.getContext('2d');
    var img = document.createElement('img');
    
    img.onload = load;
    img.src = img_src;
    
    function load()
    {
        canvas.width = img.width;
        canvas.height = img.height;
        
        ctx.drawImage(img,0,0);
        
        var container = ctx.beginPath();
        
        console.log( container );
    };
});