{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 忙碌的小伟 的问题《Canvas 绘制大量点（40万个）的时候，耗费时间太长怎么解决？？》','https://wenda.whatsns.com/q-301352.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
上面的画布：宽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 = 相关问题
- 通过canvas绘制动态心电图，数据通过json获取,如果有jquery插件更好
- 我的电脑最近总是在word里打打印机浏览时出现未响应好长时间，有时候时间太长强行关闭文件有时会损坏打
- Canvas 全是帧动画吗？ 为啥没有像CSS3那种缓动动画？
- 爬虫在爬取网页的时候出现了302要如何解决?
- python pymongo 大量插入时候 如何保证插入可靠？
- canvas中Math.random()与性能优化
- iOS 如何判断一个点在一个使用CAShapeLayer绘制出的圆弧内
- 安卓的webView的loadUrl打不开，太长的url超链接，求解
- 英雄联盟载入时间太长，还有地下城勇士人一多就卡，是电脑哪里不行了，是内存还是硬盘，内存4g硬盘320
实时在canvas上绘制40W个点无论如何都是不现实的。
一周热门 更多>