找回密碼
 立即註冊
查看: 3103|回復: 4

HTML5 : SVG

[複製鏈接]

938

主題

506

回帖

3萬

積分

管理員

網頁設計師

積分
32081

最佳新人活躍會員熱心會員推廣達人宣傳達人灌水之王突出貢獻優秀版主榮譽管理論壇元老

發表於 2017-3-15 23:50:58 | 顯示全部樓層 |閱讀模式
SVG 畫圓
  1. <h2>HTML5 SVG Circle</h2>
  2. <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
  3. <circle id="redcircle" cx="50" cy="50" r="50" fill="red" />
  4. </svg>
複製代碼


[發帖際遇]: redd 樂于助人,獎勵 6 貢獻. 幸運榜 / 衰神榜

938

主題

506

回帖

3萬

積分

管理員

網頁設計師

積分
32081

最佳新人活躍會員熱心會員推廣達人宣傳達人灌水之王突出貢獻優秀版主榮譽管理論壇元老

 樓主| 發表於 2017-3-15 23:52:40 | 顯示全部樓層
SVG 矩形
  1. <h2>HTML5 SVG Rectangle</h2>
  2. <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
  3. <rect id="redrect" width="300" height="100" fill="red" />
  4. </svg>
複製代碼
[發帖際遇]: redd 樂于助人,獎勵 4 貢獻. 幸運榜 / 衰神榜

938

主題

506

回帖

3萬

積分

管理員

網頁設計師

積分
32081

最佳新人活躍會員熱心會員推廣達人宣傳達人灌水之王突出貢獻優秀版主榮譽管理論壇元老

 樓主| 發表於 2017-3-16 01:28:34 | 顯示全部樓層
SVG 線條
  1. <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
  2. <line x1="0" y1="0" x2="200" y2="100" style="stroke:red;stroke-width:2" />
  3. </svg>
複製代碼
[發帖際遇]: redd 發帖時在路邊撿到 4 金錢,偷偷放進了口袋. 幸運榜 / 衰神榜

938

主題

506

回帖

3萬

積分

管理員

網頁設計師

積分
32081

最佳新人活躍會員熱心會員推廣達人宣傳達人灌水之王突出貢獻優秀版主榮譽管理論壇元老

 樓主| 發表於 2017-3-16 01:39:45 | 顯示全部樓層
SVG 橢圓形
  1. <h2>HTML5 SVG Ellipse</h2>
  2. <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
  3. <ellipse cx="100" cy="50" rx="100" ry="50" fill="red" />
  4. </svg>
複製代碼
[發帖際遇]: 一個袋子砸在了 redd 頭上,redd 賺了 2 金錢. 幸運榜 / 衰神榜

938

主題

506

回帖

3萬

積分

管理員

網頁設計師

積分
32081

最佳新人活躍會員熱心會員推廣達人宣傳達人灌水之王突出貢獻優秀版主榮譽管理論壇元老

 樓主| 發表於 2017-3-16 01:46:01 | 顯示全部樓層
SVG 多邊形
  1. <h2>HTML5 SVG Polygon</h2>
  2. <svg id="svgelem" height="200" xmlns="http://www.w3.org/2000/svg">
  3. <polygon points="20,10,300,20,170,50" fill="red" />
  4. </svg>
複製代碼
[發帖際遇]: redd 發帖時在路邊撿到 3 金錢,偷偷放進了口袋. 幸運榜 / 衰神榜
您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

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

GMT+8, 2024-11-5 00:37 , Processed in 0.200806 second(s), 34 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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