上面的画布:宽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 =
如果一定要雪花图片,可以试试两张jpg切换,或gif,或100ms的flv,或flash生成。
一周热门 更多>