Output snapshots and screenshots of
canvas elements directly in the console of the Chrome Dev Tools
var canvas = document.createElement("canvas"), ctx = canvas.getContext("2d"); // ... //draw // ... console.screenshot(canvas, 0.8); //Snapshot it and scale the output to 80% of the original size
Resulting output is the image picture above. Also supports creating a snapshot which outputs the canvas context call stack and state changes to the console.