Why doesn't anti-aliasing work in canvas on chrome?

Question

css

For some reason, in this example, a ladder appears in chrome, it is poorly smoothed.
fabricjs.com/clipping

Other browsers are fine. Can this be fixed?

Answer 1

I think the answer is here and here .

Answer 2

Try translating them at 0.5, 0.5. Suddenly help.
And if it doesn’t help, but it’s really necessary, you can rasterize it, and after that you can translate it.