JSFiddle - React, Tailwind, and code Playground

by Alex Alex

HTML

<canvas id="myCanvas" width="578" height="200"></canvas>

JavaScript

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var width = 200;
var height = 137;
var imageObj = new Image();

context.scale(0.5, 0.5);

imageObj.onload = function () {
    context.drawImage(imageObj, 0, 0, width, height);
    dataUrl = canvas.toDataURL('image/png');
    var image = new Image();
    image.src = dataUrl;
    document.body.appendChild(image);
};
imageObj.src =...