微信小程序 中canvas的特殊性

<canvas style="width: 300px; height: 200px;" canvas-id="ctx">canvas>

const ctx = wx.createCanvasContext('ctx')

1、 图片ctx.drawImage（img,x,y,width,height）;

本地图片可直接用函数 ctx.drawImage(img, 0, 0, 150, 100)进行画图，但是使用线上图片需要先要down下来保存在本地进行绘制。
例如

let img ='https://a.com.cn/***.jpg';

需要：
1）设置downloadFile合法域名 https:a.com.cn
2）使用

 let url ;
 wx.getImageInfo({
   src: img,
   success(res){
     url = res.path;  //该本地地址用于绘制图片路径
   }
 })
wx.downloadFile({
  url: item.picUrl,
  success(res) {
	 url  = res.tempFilePath;
  },
  fail(e) {}
})

2、 动画 animation

在微信小程序中animation用于动画，但是canvas上无法使用。（开发平台可以，但真机无动效）