我希望背景图片置于文字下方，但是一旦写了文字和图片，图片就会覆盖掉文字，不知道有没有什么方法可以安排一下图片和文字的优先级顺序？

js：

wx.createSelectorQuery()
      .select('#canvas')
      .fields({
        node: true,
        size: true
      })
      .exec(async (res) => {
        const canvas = res[0].node;
        // Canvas 绘制上下文
        const ctx = canvas.getContext('2d');


        //画布大小根据屏幕分辨率进行缩放，防止模糊
        const renderWidth = res[0].width
        const renderHeight = res[0].height


        // 初始化画布大熊啊
        const dpr = wx.getSystemInfoSync().pixelRatio
        canvas.width = renderWidth*dpr
        canvas.height = renderHeight*dpr
        ctx.scale(dpr, dpr)


        //画布背景色
        //ctx.fillStyle = "pink";
        //ctx.fillRect(0, 0, canvas.width, canvas.height)


         //画图片
        const image = canvas.createImage()
        image.src = "图片地址"
        image.onload = ()=>{
          ctx.drawImage(image,100,10,414,650)
        }

        // 标题
        ctx.font= 'normal bold 15px sans-serif'
        ctx.textAligh = "center"
        ctx.textBaseline = "middle"
        ctx.fillText('这是一个测试',100,100)


        ctx.font= 'normal bold 15px sans-serif'
        ctx.fillText('这是二个测试',200,100)
      })