console.snapshot

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.

console.snapshot →