「SVG圖形元件」修訂間的差異

出自六年制學程
跳至導覽 跳至搜尋
(新頁面: 分類:SVG ===六角框=== <pre><polygon id='六角框' points='0,24 20,0 60,0 80,24 60,48 20,48'/></pre>)
 
第1行: 第1行:
 
[[分類:SVG]]
 
[[分類:SVG]]
 
===六角框===
 
===六角框===
<pre><polygon id='六角框' points='0,24 20,0 60,0 80,24 60,48 20,48'/></pre>
+
<pre><polygon id='六角框' points='0,24 20,0 (20+x),0 (20+x+20),24 (20+x),48 20,48'/></pre>
 +
#x為六角框上下方水平線之長度,一般取 40 。
 +
#第一點為六角框最左側角。
 +
#左右角之角度約為 100° ,比正六邊形 120° 略尖。
 +
#取用時再加上顏色與框線顏色。如:
 +
<pre><use xlink:href='#六角框' transform='translate(0,0)' style='fill:#92F4F1;stroke:#0000FF;'/></pre>

於 2018年8月21日 (二) 16:16 的修訂

六角框

<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;'/>