cancas画的圆形出错变成椭圆

<canvas
          id="myCanvas"
          height="600"
          width="600"
        >
        </canvas>

myFunction() {
      //首先，找到 <canvas> 元素:
      var c = document.getElementById("myCanvas");
      // 创建 context 对象
      var ctx = c.getContext("2d");
      //矩形
      ctx.fillStyle = "#FF0000";
      ctx.fillRect(0, 0, 300, 300);
      ctx.stroke();
      //折线
      ctx.moveTo(0, 0);
      ctx.lineTo(200, 100);
      ctx.stroke();
      //圆
      ctx.beginPath();
      ctx.arc(95, 50, 40, 0, 2 * Math.PI);
      ctx.stroke();
    },

宽高直接在标签中设置