There is something so satisfying to watch a DVD logo hitting both the edges at the same time and bounce off the corner.
But what if I told you this is impossible in Safari browser.
Yes, Webkit (Safari) does not support pixel perfect rendering without approximations or distortions, especially on high-DPI displays. Chrome and Firefox (since ~93) on the other hand, support ResizeObserverEntry.devicePixelContentBoxSize , which is required for achieving true pixel-perfect canvas. The bug 219005 in Webkit Bugzilla has been open since 2020. Generally, fallbacks like multiplying content box sizes by devicePixelRatio are needed, but they don't provide exact 1:1 pixel mapping.