¿Cómo agregar una marca de agua después de tomar fotografías en el subprograma WeChat?

<canvas id="myCanvas" type="2d"></canvas>


//调用拍摄
wx.chooseMedia({
        count: 1, //个数
        mediaType: ['image'], //类型 图片
        sourceType: ['camera'], //使用相机拍摄
        camera: 'back', //	使用后置摄像头
        success(res) {
          const path = res.tempFiles[0].tempFilePath;

          //获取图片信息
          wx.getImageInfo({
            src: path,
            success: (img) => {
              const date = _this.getCurrentDate();

              wx.createSelectorQuery()
                .select('#myCanvas')
                .fields({node: true, size: true})
                .exec((resCanvas) => {
                  // Canvas 对象
                  const canvas = resCanvas[0].node;
                  // 初始化画布大小
                  canvas.width = img.width;
                  canvas.height = img.height;
                  // 渲染上下文
                  const ctx = canvas.getContext('2d');
                  // 图片对象
                  const image = canvas.createImage();
                  // 图片加载完成回调
                  image.onload = () => {
                    // 将图片绘制到 canvas 上
                    ctx.drawImage(image, 0, 0, canvas.width, canvas.height);

                    ctx.font='12px system-ui';
                    ctx.shadowColor='rgba(0,0,0,0.2)';
                    ctx.shadowOffsetX=2;
                    ctx.shadowOffsetY=2;
                    ctx.fillStyle='red';
                    ctx.fillText('时间 ' + date, 20, img.height - 10);
                    ctx.restore();

                    wx.canvasToTempFilePath({
                      canvas: canvas,
                      success(res) {
                        console.log(res.tempFilePath);

                      },fail(){
                        console.log('绘图日期失败!');
                      }
                    })
                  }
                  // 设置图片src
                  image.src = img.path;
                })
            },fail(){
              console.log('获取拍照图片失败!')
            }
          })
        },
        fail(){
          console.log('拍照失败!');
        }
      })

Supongo que te gusta

Origin blog.csdn.net/weirdo_world/article/details/129995233
Recomendado
Clasificación