好的,我知道canvas.toDataUrl()会生成一个png格式的图像。然而,当我尝试从http://threejs.org/examples/#webgl_lines_sphere获取图像时,在Chrome上只能看到一个黑色的图像。要复制步骤 -
1)打开dev控制台并选择canvas元素。
2)canvas = $0
3)context = canvas.getContext('webgl', {preserveDrawingBuffer: true})
4)img = canvas.toDataUrl()
5)document.write('<img src="'+img+'"/>')
图像是空白的。 但是,我尝试了一个不同的canvas链接http://threejs.org/examples/#canvas_geometry_cube。请按照以下步骤进行复制。
1) 打开开发者控制台并选择画布元素。
2) canvas = $0
3) context = canvas.getContext('2d', {preserveDrawingBuffer: true})
4) img = canvas.toDataUrl()
5) document.write('<img src="'+img+'"/>')
这样可以得到预期的结果。为什么会有差异,如何避免检索第一张图像?
renderer
变量,则可以调用renderer.domElement.toDataURL()
,请查看我的编辑。 - Kaiido