Canvas Zooming with EasyPZ

HTML

<script src="https://unpkg.com/easypz@latest/easypz.js"></script>
<canvas id="myCanvas" width="270" height="350"></canvas>

CSS

body {
  overflow: hidden;
  background: transparent;
}

JavaScript

var ctx = document.getElementById("myCanvas").getContext("2d");

new EasyPZ(document.getElementById("myCanvas"), function(transform) {
    drawCircle(transform.scale, transform.translateX, transform.translateY);
});

function drawCircle(scale, translateX, translateY) {
    ctx.clearRect(0, 0, 270, 350);
    ctx.save(); 				
    ctx.transform(scale, 0, 0, scale, translateX, translateY);
    ctx.beginPath();
    ctx.arc(95,50,30,0,2*Math.PI);
    ctx.fill();
    ctx.restore();
}
ctx.fillStyle = 'red';
drawCircle(1,0,0);