Размытие границ в SVG (Raphael.js)

Я работаю над веб-редактором, в котором можно перетаскивать элементы и изменять их размер. У меня возникла проблема с отображением границ и элементов размером 1 пиксель: вместо отображения пикселя в пиксель (например, сплошная линия 1 пиксель) у меня появилась размытая линия.

Я обнаружил, что если я использую координаты с 0,5 в конце (например, 10,5, 124,5) и целые размеры, все будет идеально в пикселях.

Вот примеры. Элемент до того, как я изменил его координаты:

И после (с ".5" в конце каждого и целым размером):

Вопрос в том, как заставить Raphael.js отображать все четко?