How to render svg elements with crisp edges while still keeping anti-aliasing?

Question

Is there a way to render svg elements with crisp edges while still keeping anti-aliasing?

I\'m creating a browser-based tool that works in modern br

Answer 1

Perhaps you set shape-rendering property for root svg element.
You should set shape-rendering property for each shape elements, like this.