Zi 字媒體

此篇文章瀏覽量： 419 svg 可以使用 path 標籤，來畫出你想要的路徑，非常的方便，讓我們來看一個基本的使用方式，瞭解幾個基本的指令，來畫出路徑，並指令畫的顏色、填滿、粗細。 使用方法 d 是一個屬性名稱，表示的是方向指令(directions commands)，用來設定你想要的路徑參數，這裡介紹 M、L、H、V、Z。另有 A、Q，後續另開篇文章做介紹。 M：表示移動(Move)，可接受一個 x y 軸的座標。 L：表示畫直線(Line)，可接受一個 x y 軸的座標。 H：表示畫水平線(Horizontal Line)，可接受一個 x 軸的座標。 V：表示畫垂直線(Vertical Line)，可接受一個 y 軸的座標。 Z：表示畫直線回原先最一開始的點，形式封閉(Close Path)。 範例 若覺得文章有幫助，請多分享，讓其他同好也能吸收網站技能知識。 Tweet