<path> 標(biāo)簽
<path> 標(biāo)簽用來(lái)定義路徑。
下面的命令可用于路徑數(shù)據(jù):
- 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
注釋?zhuān)? 以上所有命令均允許小寫(xiě)字母。大寫(xiě)表示絕對(duì)定位,小寫(xiě)表示相對(duì)定位。
請(qǐng)把下面的代碼拷貝到記事本,然后把文件保存為 "path1.svg"。把此文件放入您的 web 目錄:
上面的例子定義了一條路徑,它開(kāi)始于位置 250 150,到達(dá)位置 150 350,然后從那里開(kāi)始到 350 350,最后在 250 150 關(guān)閉路徑。
效果圖:
下面的例子創(chuàng)建了一個(gè)螺旋:
很復(fù)雜吧?是的!!!由于繪制路徑的復(fù)雜性,因此強(qiáng)烈建議您使用 SVG 編輯器來(lái)創(chuàng)建復(fù)雜的圖形。
效果圖:
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

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