支付宝小程序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){  
  
      }  
    }) 


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值