有沒有辦法讓一個物體移動,不是沿著路徑,而是沿著一個圓圈?例如:
<animateMotion path="M 0,0 C -50,100 -150,100 -200,0" begin="2s" dur="3s" fill="freeze" />
這是有效的,因為我們添加了一條路徑。
有沒有辦法用圓圈(在本例中)或任何其他物件替換路徑?
<animateMotion
<circle cx="865.9" cy="539.6" r="499.1"/>
begin="2s" dur="3s" fill="freeze" />
此外,僅使用 SVG,沒有 HTML(需要將專案作為 .SVG 檔案發送)
uj5u.com熱心網友回復:
你可以寫一個圓圈作為路徑。比如這個圈子
<circle cx="865.9" cy="539.6" r="499.1" />
可以使用 arc (A) 命令像路徑一樣撰寫,如下所示:
<path d="M1365,539.6
A499.1,499.1 0 1 1 366.8,539.6
A499.1,499.1 0 1 1 1365,539.6" />
您可以將此路徑的 d 屬性用于影片:
svg{width:100vh; border:solid}
<svg viewBox="250 0 1300 1100">
<path d="M25,-25v50h-50v-50z">
<animateMotion path="M1365,539.6A499.1,499.1 0 1 1 366.8,539.6 A499.1,499.1 0 1 1 1365,539.6" begin="2s" dur="3s" fill="freeze" />
</path>
<circle cx="865.9" cy="539.6" r="499.1" fill="none" stroke="black"/>
</svg>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/492121.html
