JSFiddle - React, Tailwind, and code Playground

by electronoob

HTML

<canvas id='botb' width='128' height='128'></canvas>

CSS

canvas {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
    border: 5px solid #ddd;
}
canvas#botb { width: 256px; height: 256px; }

JavaScript

var img = new Image();
img.src = '';

img.onload = function () { 
        var ctx = document.getElementById('botb');
        ctx.drawImage(img, 0, 0);
};