Как сделать SVG rect с четкими краями, pixel perfect?

Question

[softshape]

Всем привет,

это вообще возможно? Как бы я ни подбирал размеры прямоугольников, они всегда с немного размытыми краями. Как нарисовать, допустим, rect размером ровно 12х12 точек в SVG?

Answer 1

[Тимур]

https://jsfiddle.net/dod5ysuz/3/
Используйте свойство shape-rendering="crispEdges"

Answer 2

[softshape]

Сработало! Но одним свойством не отделаешься, т.к. прямоугольники стали визуально разного размера. См. скриншот -



Вопрос, как подобрать правильную ширину/высоту, остается в силе.

Answer 3

[Сергей]

Вы бы код показали.