SVG:line要素
直線を描画する
line - SVG: スケーラブルベクターグラフィック | MDN
<line> - SVG: Scalable Vector Graphics | MDN
<line x1="60" y1="30" x2="60" y2="250" />
x1 y1 開始座標
x2 y2 終了座標
+ SVG:プレゼンテーション属性
Color、FillStroke、Graphics、Markers
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:line要素/l2.svg
code:l.svg
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="80" x2="100" y2="20" stroke="black" />
<!-- If you do not specify the stroke
color the line will not be visible -->
</svg>
code:l2.svg
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="10" x2="100" y2="10" stroke="black" />
<line x1="0" y1="20" x2="100" y2="20" stroke="black" />
<line x1="0" y1="40" x2="100" y2="40" stroke="black" />
<line x1="0" y1="80" x2="100" y2="80" stroke="black" />
<line x1="10" y1="0" x2="10" y2="100" stroke="black" />
<line x1="20" y1="0" x2="20" y2="100" stroke="black" />
<line x1="40" y1="0" x2="40" y2="100" stroke="black" />
<line x1="80" y1="0" x2="80" y2="100" stroke="black" />
</svg>
SVG:直線 - SVG:line
SVG:基本シェイプ - SVG:基本図形
直線(line)
SVG要素.icon