Why is SVG stroke-width : 1 making lines transparent?
If the lines are straight horizontal or vertical just place the lines at half a pixel off, like x=”1.5px”. Another way is to apply some CSS to the lines: .thelines{ shape-rendering:crispEdges } The spec chapter on shape-rendering property.