Drawing grid with jQuery SVG produces 2px lines instead of 1px

Question

I know it\'s not the jQuery SVG library causing this issue, but when rendering horizontal or vertical SVG lines on integral x,y coordinates, lines are 2px wide instead of 1p

Answer 1

Just use a 1px wide rectangle with a fill (only for horizontal/vertical lines of course).

e.g. for a full width horizontal line:

Perfect 1px wide lines every time.