wx.createSelectorQuery()
  .select('#canvas')
  .node((res) => {
    const canvas = res.node as WechatMiniprogram.Canvas;
    const ctx = canvas.getContext('2d');
    canvas.width = 300;
    canvas.height = 300;
    ctx.beginPath();
    ctx.arc(x, y, 6, 0, 2 * Math.PI);
    ctx.fillStyle = `rgba(277, 61, 255, 0.6)`;
    ctx.fill();
  }).exec();

使用上述代码在模拟器中绘制没问题，如下图：

但在真机（iPhone12 Pro以及iPhone XR等机型）上会显示为八边形，如下图：

请问是什么问题？在相同的绘制逻辑代码在Web上显示良好。