How to draw with canvas in a circle?

Question

JavaScript

Changed the drawing area from a rectangle to a circle, now there is an error when drawing.
Example code sources
https://codepen.io/dus7/pen/qGQbVP
rolled up their styles

#sig-canvas {
  border: 1px solid $gray600;
  width: 188px;
  height: 188px;
  border-radius: 50%;
  cursor: crosshair;
}

the rest of the code, as on codepen

What affects the position of the cursor in the canvas and how to fix it?

Answer 1

Adjust canvas size in HTML attributes
<canvas id="sig-canvas" width="620" height="160">