您的当前位置:首页正文

uniapp 小程序 绘制canvas

2024-11-08 来源:个人技术集锦

在使用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 属于原生组件,层级很高

显示全文