亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

SVG <line> 畫直線

SVG <line>元素是一個SVG基本形狀,用來創(chuàng)建一條連接兩個點的線。 <line>元素用于在SVG圖像內部繪制線條??梢岳L制水平直線,垂直豎線直線、斜角直線等

SVG line 在線示例

以下是一些簡單的常用SVG <line>畫直線的示例:

<svg xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">
        <line x1="0"  y1="10" x2="0"   y2="100" style="stroke:#006600;"></line>
        <line x1="10" y1="10" x2="100" y2="100" style="stroke:#006600;"></line>
        <line x1="20" y1="10" x2="100" y2="50"  style="stroke:#006600;"></line>
        <line x1="30" y1="10" x2="110" y2="10"  style="stroke:#006600;"></line>
</svg>
測試看看 ?/?

以上代碼運行后直線效果如下:

直線起始點由x1和y1屬性設置的點處。
直線終點由x2和y2屬性設置的點處。
該style屬性設置筆劃(線條)的顏色和粗細。