JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <input value="Test"/>
</div>
<canvas></canvas>

CSS

.container {
  transform-origin: top left;
  transform: scale(2, 2);
}

JavaScript

var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('2d');
ctx.rect(0, 0, 100, 100);
ctx.stroke();