JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="src" width="100" height="100"></canvas>
<canvas id="dest" width="100" height="100"></canvas>

JavaScript

var srcCtx = $("#src")[0].getContext("2d");
srcCtx.fillRect(0, 0, 50, 50);
var imageData = srcCtx.getImageData(0, 0, 100, 100);
var destCtx = $("#dest")[0].getContext("2d");

var newCanvas = $("<canvas>")
    .attr("width", imageData.width)
    .attr("height", imageData.height)[0];

newCanvas.getContext("2d").putImageData(imageData, 0, 0);

destCtx.scale(1.5, 1.5);
destCtx.drawImage(newCanvas, 0, 0);