SVGで縦線を描く方法

Question

SVGで縦線を描こうとしています。

<style> 
    svg#chart { 
    background: lightgray; 
    } 
    #chart line {stroke: #555555; stroke-width:1} 
</style> 
<svg id="chart" width="300" height="225"> 
    <line x="20" y1="20" x2="20" y2="130"></line> 
</svg> 

「X」と「X2」は、私はラインが完全に垂直であると予想されているのと同じであることを考えます。私はこのタイプのプログラミングにはかなり慣れていないので、非常に明白なものを見逃している可能性が高いですが、これは私が期待していた動作ではありません。

この行を垂直にするにはどうすればよいですか？

Answer 1

あなたは、X1、ないのx

<style> 
 
    svg#chart { 
 
    background: lightgray; 
 
    } 
 
    #chart line {stroke: #555555; stroke-width:1} 
 
</style> 
 
<svg id="chart" width="300" height="225"> 
 
    <line x1="20" y1="20" x2="20" y2="130"></line> 
 
</svg>