Canvas中clearRect失效问题

我们在使用canvas的过程中,可能会遇到这样的问题,我们在重绘画布图片的时候,当多重绘的间隔比较短或者说几乎同时执行的时候,我们发现一个问题,clearRect失效了,一半重绘都是在元素状态更新了,比如位置改变,那么这样就会产生一系列的重影,那么如何解决这个问题呢?

clearRect的作用就是清楚画布上的内容,也就是上次的状态,然后展示新的状态。这个过程刚好和函数截流有些相似,于是把截流运用到这个上面,成功解决问题。

var timer = null;
timer && clearTimerout(timer);
timer = setTimeout(function(){
     redrawFunction();
});

  • 支付宝二维码 支付宝
  • 微信二维码 微信

本文地址: /js-clearrect-issue.html

版权声明: 本文为原创文章,版权归 逐梦个人博客 所有,欢迎分享本文,转载请保留出处!

相关文章