Canvas 绘制大量点(40万个)的时候,耗费时间太长怎么解决??

1970-01-01 08:00发布

上面的画布:宽800,高500
我打算绘制: 800 * 500 = 40万个随机坐标的白点
然后 60fps 刷新,做一个 视频加载失败后的动画效果....
结果:就单绘制一次 都会导致浏览器卡一阵子,更不用说动画效果了。

怎么解决??

    // 绘制点      _drawPoint: function(x , y , r , pointColor){        var startAngle = 0;        var endAngle = getRad(360);        this._ctx.beginPath();        this._ctx.arc(x , y , r , startAngle , endAngle , false);        this._ctx.fillStyle = pointColor;        this._ctx.fill();        this._ctx.closePath();      } ,       _draw: function(){         // 初始化画布         this._setCssStyle();          // 绘制点         var pointNum = this._cavW * this._cavH;         var pointR = 0.5;         var pointFillColor = 
7条回答

第一级,控制在15字以内,说明主要问题,比如视频播放失败、网络连接失败,等等。
第二级,把问题log显示出来,因为很多有经验的用户,或者来帮忙解决问题的电脑高手,可以通过log自行排查问题。比如:

一周热门 更多>