async onReady() {

    // await this.initCanvas();

    await this.initCanvasContext();

  },

  async initCanvasContext() {

    try {

      const query = this.createSelectorQuery(); // .in(this)

      console.log("query",query)

      const res = await query.select('#screenshotCanvas')

        .fields({

          node: true,

          size: true

        })

        .exec();

      // 空值校验

      if (!res || res.length === 0 || !res[0].node) {

        console.log("res--", res)

        throw new Error('Canvas 节点未找到');

      }

      // 获取 Canvas 实例

      const canvas = res[0].node;

      const ctx = canvas.getContext('2d');

      // 分辨率适配

      const dpr = wx.getSystemInfoSync().pixelRatio;

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

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

      ctx.scale(dpr, dpr);

      console.log("Canvas 初始化完成");

      this.setData({

        canvas

      })

    } catch (err) {

      console.error("初始化失败:", err);

      wx.showToast({

        title: '初始化失败',

        icon: 'none'

      });

    }

  },