JSFiddle - React, Tailwind, and code Playground

by Bartosz Zieliński

JavaScript

var c1 = document.createElement("canvas");
var c2 = document.createElement("canvas");
var ctx1 = c1.getContext("2d");
var ctx2 = c2.getContext("2d");

var img = new Image();
img.onload = init;
img.src = "https://www.researchgate.net/profile/Cataldo-Guaragnella/post/Image_Processing_resources_Lena/attachment/59d61fd16cda7b8083a1918a/AS%3A273620335562823%401442247580135/download/lena512color.jpg";

function init() {
	ctx1.drawImage(img, 0, 0, 50, 50);
  ctx2.drawImage(c1, 0, 0, 512, 512);
}



c1.width = 50;
c1.height = 50;

c2.width = 512;
c2.height = 512;

//c2.style.imageRendering = "pixelated";
ctx2.imageSmoothingEnabled = false;

document.body.appendChild(c2);