• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序canvas画布新接口type为2D时wx.canvasToTempFilePath的参数差异 ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

参见文档:https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.canvasToTempFilePath.html

见下文第21行,不要使用 canvasId,canvas type="2d" 时,传入 canvas 组件实例 ,object类型。

btn_tap(e) {
    var that = this;
    var img_url = e.currentTarget.dataset.url;
    const query = wx.createSelectorQuery();
    query.select('#myCanvas')
      .fields({ node: true, size: true })
      .exec((res) => {
        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)

        ctx.fillRect(0, 0, 480, 640)
        let img = _canvas.createImage();
        img.onload = () => {
          ctx.drawImage(img, 0, 0, 480, 480);
          wx.canvasToTempFilePath({
            canvas: _canvas,
            success: (resx) => {
                wx.saveImageToPhotosAlbum({
                  filePath: resx.tempFilePath,
                  success: (resxx) => {
                    wx.showToast({
                      title: '保存成功',
                      duration: 1000,
                    });
                  }
              });
            },
            fail: (ex) => {
                console.log(ex);
            }
          });
        };
        img.src = img_url;
      });
    return;
  }

  


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序运行报错:errMsg:"request:failurlnotindomainlist" ...发布时间:2022-07-18
下一篇:
微信小程序文章收录发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap