JSFiddle - React, Tailwind, and code Playground

by ciaoben

HTML

<canvas id="myCanvas" width="500" height="500" style="border: 1px solid black" />

JavaScript

var canvas = document.getElementById('myCanvas');
    var image = new Image();
    image.src = 'http://t2.gstatic.com/images?q=tbn:ANd9GcQQveW9AJCxOC8Phnq3vptJIxPFHlxNw63q4pudc66dM4O96vtm';
    image.onload = function () {
        var cxt = canvas.getContext('2d');
        cxt.font="20px Georgia";
        cxt.textAlign="center";
        cxt.fillText("No data to show!!",
             canvas.width / 2,
             canvas.height / 2
        );
    };