JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<canvas id="pinaka" width="600" height="370">No HTML5 in this browser!</canvas>
<br>
<p id="message"></p>

CSS

canvas {
    border: 42px solid green;
}

JavaScript

var can; // Canvas
var ctx; // Canvas context
var backimage = new Image();

function test1() {
    can = document.getElementById("pinaka");
    ctx = can.getContext('2d');
    backimage.src = "https://www.google.com/images/srpr/logo11w.png";
    backimage.onload = function () {
        ctx.drawImage(backimage, 0, 0);
        alert('drawing');
    }

}
$(document).ready(function () {
    test1();
})