http://nice-learning.net/nlWiki/index.php?action=history&feed=atom&title=HTML%E5%88%B0SVG
HTML到SVG - 修訂歷史
2026-05-01T21:04:01Z
本 Wiki 上此頁面的修訂歷史
MediaWiki 1.34.2
http://nice-learning.net/nlWiki/index.php?title=HTML%E5%88%B0SVG&diff=2961&oldid=prev
丁志仁 於 2020年11月16日 (一) 14:47
2020-11-16T14:47:48Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hant-TW">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←上個修訂</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">於 2020年11月16日 (一) 14:47 的修訂</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >行 1：</td>
<td colspan="2" class="diff-lineno">行 1：</td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[分類:資訊基礎應用]]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==XML 包含 HTML 和 SVG==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==XML 包含 HTML 和 SVG==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><table style='border:none;'></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><table style='border:none;'></div></td></tr>
</table>
丁志仁
http://nice-learning.net/nlWiki/index.php?title=HTML%E5%88%B0SVG&diff=1578&oldid=prev
黃鈴諭：/* 二、兩種寫法： */
2020-09-28T01:47:40Z
<p><span dir="auto"><span class="autocomment">二、兩種寫法：</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hant-TW">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←上個修訂</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">於 2020年9月28日 (一) 01:47 的修訂</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l42" >行 42：</td>
<td colspan="2" class="diff-lineno">行 42：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===三、本日練習：===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===三、本日練習：===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>====(一)畫一個小圓圈：====</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>====(一)畫一個小圓圈：====</div></td></tr>
</table>
黃鈴諭
http://nice-learning.net/nlWiki/index.php?title=HTML%E5%88%B0SVG&diff=1577&oldid=prev
丁志仁：/* (四)畫圓角矩形和箭頭： */
2020-09-27T22:51:56Z
<p><span dir="auto"><span class="autocomment">(四)畫圓角矩形和箭頭：</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hant-TW">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←上個修訂</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">於 2020年9月27日 (日) 22:51 的修訂</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l93" >行 93：</td>
<td colspan="2" class="diff-lineno">行 93：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>text {font-family:Microsoft JhengHei Light,Microsoft JhengHei;font-size:34px;fill:white;}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>text {font-family:Microsoft JhengHei Light,Microsoft JhengHei;font-size:34px;fill:white;}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/style&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/style&gt;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;polygon style='fill:#0075B9;stroke:none;' points='<del class="diffchange diffchange-inline">•••</del>,<del class="diffchange diffchange-inline">•• •••</del>,<del class="diffchange diffchange-inline">•• •••</del>,<del class="diffchange diffchange-inline">•• •••</del>,<del class="diffchange diffchange-inline">•• •••</del>,<del class="diffchange diffchange-inline">•• •••</del>,<del class="diffchange diffchange-inline">•• •••</del>,<del class="diffchange diffchange-inline">••</del>' /&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;polygon style='fill:#0075B9;stroke:none;' points='<ins class="diffchange diffchange-inline">◦◦◦</ins>,<ins class="diffchange diffchange-inline">◦◦ ◦◦◦</ins>,<ins class="diffchange diffchange-inline">◦◦ ◦◦◦</ins>,<ins class="diffchange diffchange-inline">◦◦ ◦◦◦</ins>,<ins class="diffchange diffchange-inline">◦◦ ◦◦◦</ins>,<ins class="diffchange diffchange-inline">◦◦ ◦◦◦</ins>,<ins class="diffchange diffchange-inline">◦◦ ◦◦◦</ins>,<ins class="diffchange diffchange-inline">◦◦</ins>' /&gt;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;rect x='0' y='0' rx='19' ry='19' width='<del class="diffchange diffchange-inline">•••</del>' height='<del class="diffchange diffchange-inline">••</del>' style='stroke:none;fill:#0075B9;'/&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;rect x='0' y='0' rx='19' ry='19' width='<ins class="diffchange diffchange-inline">◦◦◦</ins>' height='<ins class="diffchange diffchange-inline">◦◦</ins>' style='stroke:none;fill:#0075B9;'/&gt;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;text x='<del class="diffchange diffchange-inline">••</del>' y='<del class="diffchange diffchange-inline">••</del>'&gt;權本&lt;/text&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;text x='<ins class="diffchange diffchange-inline">◦◦</ins>' y='<ins class="diffchange diffchange-inline">◦◦</ins>'&gt;權本&lt;/text&gt;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;rect x='<del class="diffchange diffchange-inline">•••</del>' y='0' rx='19' ry='19' width='<del class="diffchange diffchange-inline">•••</del>' height='<del class="diffchange diffchange-inline">••</del>' style='stroke:none;fill:#0075B9;'/&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;rect x='<ins class="diffchange diffchange-inline">◦◦◦</ins>' y='0' rx='19' ry='19' width='<ins class="diffchange diffchange-inline">◦◦◦</ins>' height='<ins class="diffchange diffchange-inline">◦◦</ins>' style='stroke:none;fill:#0075B9;'/&gt;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;text x='<del class="diffchange diffchange-inline">•••</del>' y='<del class="diffchange diffchange-inline">••</del>'&gt;人本&lt;/text&gt;</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;text x='<ins class="diffchange diffchange-inline">◦◦◦</ins>' y='<ins class="diffchange diffchange-inline">◦◦</ins>'&gt;人本&lt;/text&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
丁志仁
http://nice-learning.net/nlWiki/index.php?title=HTML%E5%88%B0SVG&diff=1576&oldid=prev
丁志仁：/* (四)畫圓角矩形和箭頭： */
2020-09-27T22:49:28Z
<p><span dir="auto"><span class="autocomment">(四)畫圓角矩形和箭頭：</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hant-TW">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←上個修訂</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">於 2020年9月27日 (日) 22:49 的修訂</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l87" >行 87：</td>
<td colspan="2" class="diff-lineno">行 87：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>====(四)畫圓角矩形和箭頭：====</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>====(四)畫圓角矩形和箭頭：====</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[http://jendo.org/SVG/tracing.php 描圖畫畫]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[http://jendo.org/SVG/tracing.php 描圖畫畫]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><pre>&lt;?xml version='1.0' encoding='UTF-8' standalone='no'?&gt;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;svg height='92' width='403' xmlns='http://www.w3.org/2000/svg' version='1.1'&gt;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;style&gt;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">text {font-family:Microsoft JhengHei Light,Microsoft JhengHei;font-size:34px;fill:white;}</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;/style&gt;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;polygon style='fill:#0075B9;stroke:none;' points='•••,•• •••,•• •••,•• •••,•• •••,•• •••,•• •••,••' /&gt;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;rect x='0' y='0' rx='19' ry='19' width='•••' height='••' style='stroke:none;fill:#0075B9;'/&gt;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;text x='••' y='••'&gt;權本&lt;/text&gt;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;rect x='•••' y='0' rx='19' ry='19' width='•••' height='••' style='stroke:none;fill:#0075B9;'/&gt;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;text x='•••' y='••'&gt;人本&lt;/text&gt;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;/svg&gt;</pre></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===四、更多練習：===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===四、更多練習：===</div></td></tr>
</table>
丁志仁
http://nice-learning.net/nlWiki/index.php?title=HTML%E5%88%B0SVG&diff=1575&oldid=prev
丁志仁：/* 三、本日練習： */
2020-09-27T15:54:10Z
<p><span dir="auto"><span class="autocomment">三、本日練習：</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hant-TW">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←上個修訂</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">於 2020年9月27日 (日) 15:54 的修訂</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l43" >行 43：</td>
<td colspan="2" class="diff-lineno">行 43：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===三、本日練習：===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===三、本日練習：===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>====(一<del class="diffchange diffchange-inline">)畫圓角矩形和箭頭：====</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>====(一)畫一個小圓圈：====</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">[http://jendo.org/SVG/tracing.php 描圖畫畫]</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">====(二</del>)畫一個小圓圈：====</div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre>&lt;?xml version='1.0' encoding='UTF-8' standalone='no'?&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre>&lt;?xml version='1.0' encoding='UTF-8' standalone='no'?&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='12' height='12'&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='12' height='12'&gt;</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l86" >行 86：</td>
<td colspan="2" class="diff-lineno">行 84：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*#ellipse(楕圓)，諸屬性如下：</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*#ellipse(楕圓)，諸屬性如下：</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*#*cx(中心x座標)，cy(中心x座標)，rx(x軸半長)，ry(y軸半長)。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*#*cx(中心x座標)，cy(中心x座標)，rx(x軸半長)，ry(y軸半長)。</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">====(四)畫圓角矩形和箭頭：====</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[http://jendo.org/SVG/tracing.php 描圖畫畫]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===四、更多練習：===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===四、更多練習：===</div></td></tr>
</table>
丁志仁
http://nice-learning.net/nlWiki/index.php?title=HTML%E5%88%B0SVG&diff=1574&oldid=prev
丁志仁：/* (一)畫一個小圓圈： */
2020-09-27T15:50:17Z
<p><span dir="auto"><span class="autocomment">(一)畫一個小圓圈：</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hant-TW">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←上個修訂</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">於 2020年9月27日 (日) 15:50 的修訂</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l43" >行 43：</td>
<td colspan="2" class="diff-lineno">行 43：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===三、本日練習：===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===三、本日練習：===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>====(一)畫一個小圓圈：====</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>====(一<ins class="diffchange diffchange-inline">)畫圓角矩形和箭頭：====</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">[http://jendo.org/SVG/tracing.php 描圖畫畫]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">====(二</ins>)畫一個小圓圈：====</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre>&lt;?xml version='1.0' encoding='UTF-8' standalone='no'?&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><pre>&lt;?xml version='1.0' encoding='UTF-8' standalone='no'?&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='12' height='12'&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='12' height='12'&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;circle cx='6' cy='6' r='4' style='fill:#fff;stroke:blue;stroke-width:2;fill-opacity:0'/&gt;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;circle cx='6' cy='6' r='4' style='fill:#fff;stroke:blue;stroke-width:2;fill-opacity:0'/&gt;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/svg&gt;</pre></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>====(二)畫熊臉(bearFace.svg)====</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>====(二)畫熊臉(bearFace.svg)====</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>請參考：[http://jendo.org/~thisNasAdmin/Shinycircle.svg 熊臉]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>請參考：[http://jendo.org/~thisNasAdmin/Shinycircle.svg 熊臉]</div></td></tr>
</table>
丁志仁
http://nice-learning.net/nlWiki/index.php?title=HTML%E5%88%B0SVG&diff=1573&oldid=prev
丁志仁：已建立頁面，內容為 "==XML 包含 HTML 和 SVG== <table style='border:none;'> <tr> <th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th> <th rowspan=2 style='fo…"
2020-09-27T15:45:40Z
<p>已建立頁面，內容為 "==XML 包含 HTML 和 SVG== <table style='border:none;'> <tr> <th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th> <th rowspan=2 style='fo…"</p>
<p><b>新頁面</b></p><div>==XML 包含 HTML 和 SVG==<br />
<table style='border:none;'><br />
<tr><br />
<th rowspan=2 style='font-size:120%;font-weight:normal;border:none;'>XML</th><br />
<th rowspan=2 style='font-size:220%;font-weight:normal;border:none;'>{</th><br />
<td style='font-size:120%;border:none;'>HTML</td><td style='border:none;'>文件</td><br />
</tr><br />
<tr><br />
<td style='font-size:120%;border:none;'>SVG</td><td style='border:none;'>向量繪圖</td><br />
</tr><br />
</table><br />
*XML，可延伸標記式語言(Extensible Markup Language)<br />
*HTML，超文件標記語言(HyperText Markup Language)<br />
*SVG，可縮放向量圖形(Scalable Vector Graphics) <br />
<br />
*style 屬性同時支援，HTML 與 SVG，只是樣式項目有相同，也有不同的。<br />
*SVG的特性<br />
*#XML語法，用書寫指示來畫圖。<br />
*#二維向量圖形格式，不是點陣圖，無段縮放不會毛邊。<br />
*#由W3C制定，是開放標準。<br />
*[http://jendo.org/wiki1231/index.php?title=SVG 完整的參考資料]<br />
*四次教學：<br />
*#基本入門<br />
*#進階一點點，加上使用繪圖軟體<br />
===一、SVG在教學上應用的例子：===<br />
#[http://jendo.org/wiki1231/index.php?title=能源與能量#.E8.83.BD.E6.BA.90.E8.88.87.E8.83.BD.E9.87.8F.E7.9A.84.E5.8D.80.E5.88.A5 轉動的齒輪]或[https://upload.wikimedia.org/wikipedia/commons/b/b3/GearRotate.svg 維基共享資源上的圖]：可以動<br />
#[http://jendo.org/wiki1231/index.php?title=能源與能量#.E8.A8.8E.E8.AB.96.E4.BA.8C.EF.BC.9A.E7.BE.8E.E6.B4.B2.E4.BA.BA.E8.88.87.E6.AD.90.E4.BA.9E.E4.BA.BA 山脈的走向]或[https://upload.wikimedia.org/wikipedia/commons/c/c2/World-map(mountains).svg 維基共享資源上的圖]：可以在別人的基礎上添附<br />
#[https://upload.wikimedia.org/wikipedia/commons/3/34/Africa_road5.svg 現代智人走出非洲的可能路線]：可以在別人的基礎上添附<br />
#[https://upload.wikimedia.org/wikipedia/commons/1/17/日本史表解.svg 日本史簡表]：可以結合文字畫表<br />
#[http://home.jendo.org/~丁禾/鄭氏治台/明鄭.svg 鄭氏大事紀]：可以圖解概念<br />
#[https://upload.wikimedia.org/wikipedia/commons/c/c0/Animal_cell_structure_zhtw.svg 動物細胞]：可以將外國資源改成中文<br />
#[https://commons.wikimedia.org/w/index.php?title=Special:ListFiles&user=丁志仁 丁丁在維基共享資源上的各種教學用圖]<br />
<br />
===二、兩種寫法：===<br />
*圖檔寫法：<br />
<pre>&lt;?xml version='1.0' encoding='UTF-8' standalone='no'?&gt;<br />
&lt;svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='130' height='90'&gt;<br />
<br />
&lt;/svg&gt;</pre><br />
*HTML寫法：<br />
<pre>&lt;svg&gt;<br />
<br />
&lt;/svg&gt;</pre><br />
===三、本日練習：===<br />
====(一)畫一個小圓圈：====<br />
<pre>&lt;?xml version='1.0' encoding='UTF-8' standalone='no'?&gt;<br />
&lt;svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='12' height='12'&gt;<br />
&lt;circle cx='6' cy='6' r='4' style='fill:#fff;stroke:blue;stroke-width:2;fill-opacity:0'/&gt;<br />
&lt;/svg&gt;</pre><br />
====(二)畫熊臉(bearFace.svg)====<br />
請參考：[http://jendo.org/~thisNasAdmin/Shinycircle.svg 熊臉]<br />
<br />
====(三)要領說明====<br />
*共同約定：<br />
*#開始與結束合一。<br />
*#長度如省略單位，預設單位為 px。<br />
*#px可以使用小數點。<br />
*#以左上為座標原點。<br />
*#座標描述先 x 後 y 。<br />
*#stlye屬性中關於線條之樣式，也可以作為繪圖：<br />
*#*stroke (線條顏色)，<br />
*#*stroke-width (線條寬度)，<br />
*#*stroke-opacity (線條顏色的透明度，合法的範圍是：0 - 1，0最透明，預設1)，<br />
*#*stroke-linecap (線條端點形狀，預設butt端點切齊、round以端點為圓心線寬為直徑畫圓、square以端點為中心線寬為邊長畫方形)，<br />
*#*stroke-linejoin (線條轉彎處樣式，預設miter尖角、round圓角、bevel斜角)，<br />
*#*stroke-miterlimit (尖角內外距/線寬的最大值，不設限則尖角可以拉長至無限長，預設為 4 倍)，<br />
*#*stroke-dasharray (預設none，代表實線。若為數字其值為一陣列，陣列值為線段中實線段長度與虛線段長度的交錯數字，通常是兩個數字一組，如果是奇數，則最後面自動加補第一個數字)<br />
*#stlye屬性中關於面之樣式：<br />
*#*fill (填充顏色)，<br />
*#*fill-opacity (填充不透明，合法的範圍是：0 - 1，0最透明，預設1)。<br />
*#*fill-rule (polygon等標籤有時會將內部分割成不同的區域，填色方式，預設nonzero全部同色、evenodd相鄰區域內部填色與外部填色交互填充、inherit繼承)<br />
*#選擇器 class,id 同 CSS 。 <br />
*常見的簡易繪圖標籤：<br />
*#line(直線)，屬性有x1(第一點x座標)y1(第一點y座標)x2(第二點x座標)y2(第二點y座標)。<br />
*#polyline(多點成線)，諸屬性如下：<br />
*#*points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。<br />
*#polygon(多邊形)，也可以取五點畫出一個星形。諸屬性如下：<br />
*#*points：多點，點與點用空白間開，同一點 x y 座標以逗點間開。<br />
*#circle(圓)，諸屬性如下：<br />
*#*cx(圓心x座標)，cy(圓心y座標)，r(半徑)<br />
*#rect(矩形)，諸屬性如下：<br />
*#*width(寬)，height(高)，省略起點則以原點為起點，x(起點x座標)，y(起點y座標)，rx(圓角x半徑)，ry(圓角y半徑)<br />
*#ellipse(楕圓)，諸屬性如下：<br />
*#*cx(中心x座標)，cy(中心x座標)，rx(x軸半長)，ry(y軸半長)。<br />
<br />
===四、更多練習：===<br />
看原始碼，然後自己寫出來：<br />
http://jendo.org/~thisNasAdmin/polygon.svg<br />
http://jendo.org/~thisNasAdmin/text.svg<br />
http://jendo.org/~thisNasAdmin/3petal0.svg<br />
http://jendo.org/~thisNasAdmin/3petal1.svg<br />
http://jendo.org/~thisNasAdmin/3petal2.svg</div>
丁志仁