<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <canvas id="pdf" width="200" height="200"></canvas>
    <script>
      const canvas = document.getElementById("pdf");
      const ctx = canvas.getContext("2d");

      ctx.transform(6.4, 0, 0, -6.4, 30, 60);

      ctx.globalCompositeOperation = "darken";

      ctx.fillStyle = "#36b64b";
      ctx.fillRect(-1.78583, -16.46929, 23.21575, 24.20787);
    </script>
  </body>
</html>