設為首頁收藏本站

DD論壇»論壇 › 電腦技術 › Web Design 網站設計 › HTML5 : SVG

返回列表發新帖

查看: 3061|回復: 4

HTML5 : SVG

938 主題	506 回帖	3萬積分

網頁設計師

積分: 30545

發消息

發表於 2017-3-15 23:50:58 | 顯示全部樓層 |閱讀模式

SVG 畫圓

<h2>HTML5 SVG Circle</h2>
<svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
<circle id="redcircle" cx="50" cy="50" r="50" fill="red" />
</svg>

複製代碼

[發帖際遇]: redd 樂于助人，獎勵 6 貢獻.

幸運榜 / 衰神榜

相關帖子

回復

使用道具舉報

938 主題	506 回帖	3萬積分

網頁設計師

積分: 30545

發消息

樓主| 發表於 2017-3-15 23:52:40 | 顯示全部樓層

SVG 矩形

<h2>HTML5 SVG Rectangle</h2>
<svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
<rect id="redrect" width="300" height="100" fill="red" />
</svg>

複製代碼

[發帖際遇]: redd 樂于助人，獎勵 4 貢獻.

幸運榜 / 衰神榜

回復支持反對

使用道具舉報

938 主題	506 回帖	3萬積分

網頁設計師

積分: 30545

發消息

樓主| 發表於 2017-3-16 01:28:34 | 顯示全部樓層

SVG 線條

<svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="0" x2="200" y2="100" style="stroke:red;stroke-width:2" />
</svg>

複製代碼

[發帖際遇]: redd 發帖時在路邊撿到 4 金錢，偷偷放進了口袋.

幸運榜 / 衰神榜

回復支持反對

使用道具舉報

938 主題	506 回帖	3萬積分

網頁設計師

積分: 30545

發消息

樓主| 發表於 2017-3-16 01:39:45 | 顯示全部樓層

SVG 橢圓形

<h2>HTML5 SVG Ellipse</h2>
<svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="100" cy="50" rx="100" ry="50" fill="red" />
</svg>

複製代碼

[發帖際遇]: 一個袋子砸在了 redd 頭上，redd 賺了 2 金錢.

幸運榜 / 衰神榜

回復支持反對

使用道具舉報

938 主題	506 回帖	3萬積分

網頁設計師

積分: 30545

發消息

樓主| 發表於 2017-3-16 01:46:01 | 顯示全部樓層

SVG 多邊形

<h2>HTML5 SVG Polygon</h2>
<svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
<polygon points="20,10,300,20,170,50" fill="red" />
</svg>

複製代碼

[發帖際遇]: redd 發帖時在路邊撿到 3 金錢，偷偷放進了口袋.

幸運榜 / 衰神榜

回復支持反對

使用道具舉報

返回列表發新帖

Archiver|手機版|小黑屋|DD論壇 維護: Redd Design

GMT+8, 2024-7-27 16:46 , Processed in 0.114843 second(s), 34 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回復 返回頂部 返回列表