Why does my canvas go blank after converting to image?

Question

I am trying to convert the canvas element on this page to a png using the following snippet (e.g. enter in JavaScript console):

(function conver         


        

Answer 1

toDataURL() read data from Buffer.

we don't need to use preserveDrawingBuffer: true

before read data, we also need to use render()

finally:

renderer.domElement.toDataURL();