canvas 模拟 真机 调试都能出来 就是预览模式出不来

2019-3-15 12:17| 查看: 32| 原作者: 小程序定制|来自: 微信小程序开发

摘要: async onLoad(){var that = this;wx.downloadFile({url: that.imgStr, // 资源地址success(res) {// 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容if

async onLoad(){
    var that = this;
    wx.downloadFile({
      url: that.imgStr, // 资源地址
      success(res) {
        // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
        if (res.statusCode === 200) {
          that.imgFilePath =  res.tempFilePath;
          that.$apply();
          that.drawImg();
          console.log(res);
        }
      }
    })
    that.$apply();
       
      
       /* ctx.draw(false, function () {
        // wx.canvasToTempFilePath这个一定要写在ctx.draw里面的回调里面,是坑勿跳
        wx.canvasToTempFilePath({
            canvasId: "shareCanvas",
            destWidth: 600,
            destHeight: 800,
            quality: 1,
            success: function (res) {
                console.log(res.tempFilePath)
                callback(res.tempFilePath)
            },
            fail: function (res) {
                console.log(res)
            }
        })
    })  */
 
  }
 
async drawImg(){
      var postersize = this.setCanvasSize(750);//动态设置画布大小
      console.log(postersize);
      const ctx = wx.createCanvasContext('shareCanvas',this);
 
      console.log(this.imgFilePath);
       
      ctx.drawImage(this.imgFilePath, 0, 0, postersize.w, postersize.h);
      ctx.drawImage(this.imgFilePath, 30, 30, postersize.w, postersize.h);
      console.log(this.imgFilePath);
      ctx.draw();
}




微信小程序开发者回复

开发者回复:

点右上角的...,有个 打开调试。。。

开发者回复:

大神啊 请快帮忙啊  崩溃了


本文整理自网络,如有侵权请联系删除,微信小程序开发 http://html51.com,开发小程序、定制小程序来51小程序网。
点此搜索更多关于"canvas 模拟 真机 调试都能出来 就是预览模式出不来"的问题
标签:canvas
收藏

相关文章

最新评论

手机版|51小程序,商务合作QQ: 3352085720 ( 苏ICP备15027371号 )

Powered by Discuz! X3.2

返回顶部