一个页面绘制上千个canvas不实时显示的问题

piao2004 没有  2021-07-21 09:16:19

项目中某个html5页面需要通过js绘制上千个canvas,大概代码是:
 

for(i=0;i<1000;i++){
    var nV = $("<canvas id='cvs" + cvsIndex + "'></canvas>");
     dvTbe.append(nV);
    cvs = document.getElementById("cvs" + cvsIndex);
    ....各种绘制方式
}

执行没有问题,但是页面都是需要等这上千个canvas绘制好(即整个for循环执行完毕)后,才一次性在页面上全部显示出来。整个绘制过程需要几秒时间,这样的用户体验不好。

请问:如果让html每绘制一个canvas都立即显示出来?

...全文
116 点赞 收藏 2
写回复
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
tcmakebest 9天前

用全局变量加定时器可以解决,每次绘制若干个。

回复

DocumentFragment

回复
发动态
发帖子
JavaScript
创建于2007-09-28

8.4w+

社区成员

Web 开发 JavaScript
申请成为版主
社区公告
暂无公告