Добрый день
Для проверки пользуюсь вот этим
http://codepen.io/jonitrythall/pen/5...1a48d27534ea5e
Итак рисуем прямоугольник
<svg width="200px" height="200px" viewBox="0 0 200 200">
<rect x="10" y="10" width="100" height="100"
style="fill: none; stroke: black;"/>
</svg>
Если приглядеться линии размыты.
делаем так
и границы фигуры становятся четкими
<svg width="200px" height="200px" viewBox="0 0 200 200">
<rect x="10.5" y="10.5" width="100" height="100"
style="fill: none; stroke: black;"/>
</svg>
В чём фикус, как избежать данного эффекта?