SVG圖形元件

六角框

<polygon id='六角框' points='0,24 20,0 (20+x),0 (20+x+20),24 (20+x),48 20,48'/>

1. x為六角框上下方水平線之長度，一般取 40 。
2. 第一點為六角框最左側角。
3. 左右角之角度約為 100° ，比正六邊形 120° 略尖。
4. 取用時再加上顏色與框線顏色。如：

<use xlink:href='#六角框' transform='translate(0,0)' style='fill:#92F4F1;stroke:#0000FF;'/>

正六角框

<polygon id='正六角框' points='0,35 20,0 (20+x),0 (20+x+20),35 (20+x),70 20,70'/>

或

<polygon id='正六角框' points='0,24 14,0 (14+x),0 (14+x+14),24 (14+x),48 14,48'/>

1. x為六角框上下方水平線之長度，一般取 52 。
2. 第一點為六角框最左側角。
3. 左右角之角度約為 120° 。