最近在做一个支付宝小程序,需求是编辑图片,包含缩放、旋转、拖拽,编辑后的图片需要上传,采用了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){
}
})