Log OffscreenCanvas rendering Context in the browser console

logOffscreenCanvasContext.js

export function logOffscreenCanvasContext(context, scaleFactor = 1) {
    const canvas = document.createElement('canvas');
    canvas.width = context.canvas.width;
    canvas.height = context.canvas.height;

    const ctx = canvas.getContext('2d');
    ctx.drawImage(context.canvas, 0, 0);

    const displayWidth = canvas.width * scaleFactor;
    const displayHeight = canvas.height * scaleFactor;

    console.log('%c ', `
        font-size: 1px;
        padding: ${displayHeight / 2}px ${displayWidth / 2}px;
        line-height: 0;
        background: url(${canvas.toDataURL()}) no-repeat center;
        background-size: ${displayWidth}px ${displayHeight}px;
        border: 1px solid red;
    `);
}