Canvas多张图叠加生成海报
如果要用canvas生成上图(第一张图加载画完,在加载画第二张图,即要求图有层级)使用使用promise,异步加载
<canvas id="canvas" style="border: 1px solid;"></canvas>
function imgOnload(url,value) {
return new Promise(resolve => {
let img = new Image();
img.crossorigin = 'anonymous'//解决画布污染问题
img.src = url;
img.onload = () =>{
resolve({
img,
value
})
}
})
}
var canvas = document.getElementById('canvas')
if (canvas && canvas.getContext