• Extract ImageData from an HTMLCanvasElement.

    Gets the pixel data from the entire canvas as ImageData object.

    Parameters

    • canvas: HTMLCanvasElement

      The canvas to extract data from

    Returns ImageData

    ImageData containing the canvas pixel data

    Throws

    When canvas context creation fails

    Example

    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    ctx.fillRect(0, 0, 100, 100);

    const imageData = canvasToImageData(canvas);
    console.log(`Canvas size: ${imageData.width}x${imageData.height}`);