canvas使用toDataURL生成base64没有成功

问题遇到的现象和发生背景

只生成一点点,其他部分没有出来

img

问题相关代码,请勿粘贴截图
const imgList = (list, context, canvas) => {
        const imgQueue = [];
        for (let i = 0; i < list.length; i++) {
          imgQueue.push(loadImg(list[i], context));
        }
        Promise.all(imgQueue).then((item) => {
          for (var i in item) {
            // 图片绘制
            context.drawImage(item[i], list[i].x, list[i].y, list[i].width, list[i].height);
          }
          arr.textList.forEach((itemList) => {
            // 绘制文字
            textList(itemList, context);
          });

          console.log(canvas.toDataURL());
        });
        console.log(22);
        // var dataURL = canvas.toDataURL(); //得到图片的base64编码数据
        // console.log(dataURL);
      };

运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果