var imgs = mui("img"); if (imgs.length > 0) { for (var i = 0; i < imgs.length; i++) { var img = imgs[i]; if (img.getAttribute('data-type') == "content") { //console.log(img); ctx.drawImage(img, 10, 50, 100, 100); } } } ctx.font = "16px 正楷"; ctx.fillText(Diary_Content, 0, 30);
循环进行canvas画图,结果是前面的被最后一张覆盖。难道说每画一个,得创建一个canvas,若是这样,那我的html里面是不是也要与之对应,有多个canvas,那么当图片数量不确定的话又怎么办。求指教。
每次都往一个地方画,不覆盖你想怎样?
ctx.clearRect(0, 0, cvs.width, cvs.height);//在画之前先清空画布
(加到ctx.drawImage(img, 10, 50, 100, 100);之前)