Illuistrates the difference between a canvas element scaled after its drawn, which gets pixelated, and a canvas that is redrawn to a new scale, which remains sharp.

Apply scaling

Scaled canvas:

Redrawn canvas: