uniapp 小程序 绘制canvas

在使用canvas 绘制图片时，由于有时候图片会加载过慢，导致绘制空白，所以应该先把图片加载成功才进行绘制，使用

uni.getImageInfo({

src: ‘’;

success:function(res){

      context.drawImage(res.path, 0, 0, width, height);

}

});

在有多个图片绘制时：

uni.getImageInfo({

src: ‘’;

success:function(res){

      context.drawImage(res.path, 0, 0, width, height);

      uni.getImageInfo({

             src: ‘’;

             success:function(res1){

                    context.drawImage(res1.path, 0, 0, width, height);

             }

      });

}

});

在定义function中的参数时，最好不要同一个名字，以防冲突;

 

Canvas 属于原生组件，层级很高