search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

[SVG] 7. polygon 多邊形元素

此篇文章瀏覽量: 381

使用 svg 中的 polygon 元素,來建立多邊形,藉由多個點(x,y)的連線,即可完成多邊形。

polygon 這個詞本身是來自於希臘文,poly 的意思是「many」;gon 的意思是「angle」。

概念

多邊形(polygon),是由多個點,依序連線起來,形成一個封閉式的多邊形。

點(Points)」單純是一個 x,y 的座標。所以可藉由以下語法來建立一個簡單的三角形,
例:這個三角形的三個點,座標分別是 (5,5)、(50,5)、(50,100),放入 points 屬性,如下語法:

範例

除此之外,當然也可以透過 style 屬性,為多邊形做點變化,如上面範例的 style 屬性:

style="fill:lime;stroke:purple;stroke-width:1"

若覺得文章有幫助,請多分享,讓其他同好也能吸收網站技能知識。



熱門推薦

本文由 carlos-studiocom 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦