• Convert mask to grayscale black/white representation.

    Creates a new canvas showing only the mask as a grayscale image. White areas represent the foreground, black areas represent the background. Useful for debugging mask quality or saving mask-only outputs.

    Parameters

    • maskCanvas: HTMLCanvasElement

      The mask canvas to convert

    Returns HTMLCanvasElement

    HTMLCanvasElement containing grayscale mask

    Throws

    When canvas context creation fails

    Example

    // Generate mask from model
    const mask = processModelOutput(outputData, originalSize);

    // Create mask-only visualization
    const maskOnly = createMaskOnly(mask);

    // Display mask for debugging
    document.body.appendChild(maskOnly);

    // Or save as blob
    const maskBlob = await canvasToBlob(maskOnly);