three.js canvas.toDataURL() 图片为黑色得问题

我是一只快乐的前端小渣渣~~~

领导说这个three.js 截图是黑屏,能不能搞?你说行就行咯,反正我又不敢顶嘴,我又不敢有意见。。


webGLRenderer=newTHREE.WebGLRenderer()


第一次我是这样得:

webGLRenderer.domElement.toDataURL()     

结果:图片是黑色得,百度不管用


第二次看到别人说webgl 可以这样就可以了:

var canvas =document.getElementById("canvas");

gl = canvas.getContext("experimental-webgl", {preserveDrawingBuffer:true});

于是我傻乎乎得改成了这样:

webGLRenderer.domElement.getContext("experimental-webgl", {preserveDrawingBuffer:true})

webGLRenderer.domElement.toDataURL()

结果:图片还是黑色得,我还嘀咕了别人几句


突然顿然醒悟,于是有了第三次

找了一下发现可以这样:

var renderer=newTHREE.WebGLRenderer(

            {

                    preserveDrawingBuffer:true   // required to support .toDataURL()

            }

);

还可以这样?(黑人问号,然后就可以了!!开心)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 4,719评论 2 32
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    J_L_L阅读 1,558评论 0 4
  • Pixi.js是一个用JavaScript写的2D渲染引擎,可以用来在浏览器里做交互图形、动画和游戏等的“富视觉”...
    赵赵811阅读 20,553评论 6 9
  • 本章内容 理解 元素 绘制简单的 2D 图形 使用 WebGL 绘制 3D 图形 这个元素负责在页面中设定一个区域...
    闷油瓶小张阅读 867评论 0 0
  • 小徐回来说起学习经验介绍,她的英语讲得挺溜,我硬是一个单词没听懂,说完全家都笑了,我们说:你就装吧! 小徐翻译说:...
    爱行走的帽子阅读 271评论 0 0