I need multiple straight lines, and I have set the stroke-width to 4, but when I try to rotate them, the lines get thicker. Also when I try to set a negative value, for example <path d="M0 -10 20 0" stroke-width="4" stroke="red"></path> dhe line almost completely dissapears
<svg id="svg" width="100%" height="50"><path d="M0 10 40 0" stroke-width="4" stroke="red"></path><path d="M40 0 80 0" stroke-width="4" stroke="blue"></path><path d="M80 0 120 0" stroke-width="4" stroke="green"></path></svg>