2022-10-23 (chromium issue)
Below, a circle is drawn in 3 different ways. Left: Via SVG. Middle: Using the arc method of Context2d. Right: Drawing a serialized SVG on a canvas.

Expected: Context2d arc and SVG drawn on Canvas should have the same or similar quality. On a screen with devicePixelRatio > 1 the SVG circle on the left will have the highest quality. (Screenshot)

Actual: In Chrome (106.0.5249.119) on MacOS (12.4, M1, 2020) the middle circle looks jagged. It is visibly worse than the right one. (Screenshot)


Context2d Arc

SVG drawn on Canvas