支付宝小程序canvas绘制线上图片失败

最近在做一个支付宝小程序,需求是编辑图片,包含缩放、旋转、拖拽,编辑后的图片需要上传,采用了canvas绘图并保存图片后上传,绘图的时候用本地的图片没有问题,换成线上图片后,无法显示。 

解决办法:把网络图片转换成本地路径,再放进drawImage


   my.downloadFile({  
      url: 'http://bbltest.color3.cn/Public/upload/diyset/2016/12-23/585cdead2bd1f.png',  
      success: function (res) {  
        console.log(res);  
        that.ctx = my.createCanvasContext('myCanvas');  
        that.ctx.drawImage(res.apFilePath,0,0,100,200)
        that.ctx.draw()
      },fail:function(res){  
  
      }  
    }) 


你可能感兴趣的:(小程序)