function canvasHasRenderingBias() {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    canvas.width = 8;
    canvas.height = 8;

    ctx.fillStyle = 'rgba(127,127,127,1)';
    ctx.fillRect(0, 0, canvas.width, canvas.height);

    const { data } = ctx.getImageData(0, 0, canvas.width, canvas.height);

    const r0 = data[0];
    const g0 = data[1];
    const b0 = data[2];
    const a0 = data[3];

    for (let i = 4; i < data.length; i += 4) {
        const r = data[i];
        const g = data[i + 1];
        const b = data[i + 2];
        const a = data[i + 3];

        if (r !== r0 || g !== g0 || b !== b0 || a !== a0) {
            return true; // Biased
        }
    }

    return false; // Not biased
}