JSFiddle - React, Tailwind, and code Playground

by Curt

HTML

<canvas id="mycanvas" width="200" height="200"/>

CSS

canvas{
    border:1px solid red;
}

JavaScript

var canvas = document.getElementById("mycanvas");
var context = canvas.getContext("2d");

var img = new Image();
img.src = "https://placeholdit.imgix.net/~text?txtsize=5&txt=&w=30&h=30";
img.onload = function(){
  context.drawImage(img, 0, 0, 30, 30);  
};