<path> 標簽
<path> 標簽用來定義路徑。
下面的命令可用于路徑數據:
- M = moveto
- L = lineto
- H = horizontal lineto
- V = vertical lineto
- C = curveto
- S = smooth curveto
- Q = quadratic Belzier curve
- T = smooth quadratic Belzier curveto
- A = elliptical Arc
- Z = closepath
注釋: 以上所有命令均允許小寫字母。大寫表示絕對定位,小寫表示相對定位。
請把下面的代碼拷貝到記事本,然后把文件保存為 "path1.svg"。把此文件放入您的 web 目錄:
上面的例子定義了一條路徑,它開始于位置 250 150,到達位置 150 350,然后從那里開始到 350 350,最后在 250 150 關閉路徑。
效果圖:
下面的例子創建了一個螺旋:
很復雜吧?是的?。。∮捎诶L制路徑的復雜性,因此強烈建議您使用 SVG 編輯器來創建復雜的圖形。
效果圖:
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
