Если я зеркально отражаю изображение на холсте несколько раз, почему оно теряет качество?

Question

mirror() {
    const mirrorCanvas = document.createElement('canvas') as HTMLCanvasElement;
    const clientRect = this.parentRef.nativeElement.getBoundingClientRect();
    const image = new Image();
    image.src = this.imageBase64;
    image.onload = () => {
        mirrorCanvas.width = clientRect.width;
        mirrorCanvas.height = clientRect.height;
        const ctx = mirrorCanvas.getContext('2d');
        if (ctx) {
            ctx.scale(1, -1);
            ctx.drawImage(image, 0, 0, clientRect.width, clientRect.height);

            this.imageBase64 = (mirrorCanvas.toDataURL(`image/${this.format}`, 1));

        }
    }
}

У меня есть этот код, который отражает изображение.

Однако, если я продолжу зеркально отражать это изображение, оно потеряет качество, даже если я установлю качество на 1.

Почему это так?