我用canvas2D绘制一行文字 以及一个方块(填充色的那种), x轴正常,y轴丢失,非常的离谱

贴出代码 这个是绘制一个红色80x100的方块 结果什么都不显示.把高度调到140才能看到一点点 这怎么玩???别太离谱

    const query= wx.createSelectorQuery();

    query.select('#myCanvas')

    .fields({ node: true, size: true }) 

    .exec(res=>{

      let ctx = res[0].node.getContext('2d');//getContext返回Canvas 的绘图上下文

      console.log(ctx)

      let canvas = res[0].node;

      // 通过设备的像素比等重新绘制宽高

      const dpr = wx.getSystemInfoSync().pixelRatio

      console.log(res[0].width)

      console.log(res[0].height)

      console.log(dpr) 

        canvas.width = res[0].width*dpr

        canvas.height = res[0].height*dpr

        console.log(canvas.height)

        console.log(canvas.width)

        ctx.scale(dpr, dpr)

      ctx.fillStyle='#FF0000';

      ctx.fillRect(0,0,50,100);

    })

以及wxml

<canvas type="2d" id="myCanvas" style="width:300px;height:300px;"></canvas>