toDataURL崩溃的Chrome

Question

因此，我正在为three.js开发一个瓦片渲染器，一切似乎都在工作。

它的工作方式如下：

a)创建一组摄像机，b)渲染每个摄像机中的场景，c)创建一个“toDataURL”，并下载它。

一些代码：

  this.renderer.render( this.scene , this.camera );

  var imgData = this.renderer.domElement.toDataURL();      

  //this.imageData.push( imgData );

  var a = document.createElement('a');

  a.href = imgData;

  a.download = this.title + "_"+this.x+"_"+this.y+".png";
  a.click();

现在因为我这样做了很多次(理想情况下是任意大的次数)。它可以最终生成数百张图像。

这样做会使我的chrome标签崩溃。每一次都是如此。我想知道有没有办法阻止这件事的发生？要么在我运行chrome时设置一个标志，要么对代码做些什么。我尝试过为每次渲染调用设置超时( AKA暂停渲染器，然后渲染1张图像并每10秒保存一次)，但即使这样似乎也不起作用。

你可以在这里查看崩溃：http://cabbi.bo/ENOUGH/ (按'p‘尝试捕捉图像，页面需要一段时间才能加载)。

提前感谢您的帮助！

艾萨克/卡比博

Answer 1

在我的机器上，将大图像保存为PNG会导致Chrome崩溃(OS X 10.10，Chrome 40)。保存image as a JPG可在此处解决此问题。我猜PNG数据字符串太大了。

var imgData = renderer.domElement.toDataURL("image/jpeg");