html2canvas canvas webgl 截图透明空

1. React用这个插件html2canvas完成div截图功能，div里面嵌套canvas，返回base64是透明图片。

html2canvas(document.getElementById("modelWrapper"), {
   allowTaint: true,
   useCORS: true
}).then(canvas => {
    var base64 = canvas.toDataURL();
    //do someing
});

2. 一般的canvas是不会遇到这个问题的，科学-上网了一圈，大概知道是这个参数的原因：preserveDrawingBuffer，如果是ThreeJS就简单了，渲染时加上这个参数就行了。

this.renderer = new THREE.WebGLRenderer({
  preserveDrawingBuffer: true
})

3. 但是我的情况比较复杂，是用这个插件react-unity-webgl加载Unity3D模型，渲染后自动生成的，也是基于webgl协议的。我是不懂Unity那套东西的，所以顺着webgl这个思路，我在模型包含的几个文件中找到了这个preserveDrawingBuffer参数，在web.json中，所以这个文件应该是模型加载时的配置之一吧。

4. 重新加载模型，执行代码，截图成功。