svg-animate

1熱度

1回答

我使用javascript動態創建svg元素及其內容，並將其添加到div中，即我的網頁。我想重新繪製窗口大小的svg，但是，元素正在重繪，但附加的動畫不會再次重新啓動這些元素！無論我做什麼，動畫只在頁面加載時觸發。我試着調整大小事件如下：排空SVG，並重新創建它裏面的元素 - 動畫上頁面加載工作，在娛樂它不是觸發增加新動畫元素再次與相同的動畫元素 - 無論多個動畫元素出現在像rect這

0熱度

4回答

帶有SVG標誌的動畫半圓

我想在SVG中製作此圖形。我可以使用<animate>標記，我可以使用JavaScript處理SVG文檔。如果可能，我寧願在SVG中完成所有工作。

0熱度

1回答

如何在Android和iOS中調試HTML元素和JavaScript？

我一直在使用SVG動畫的項目。我在PC瀏覽器上完美工作，但它不適用於iOS Safari和Chrome。它在Android股票瀏覽器部分工作。請幫助我如何調試它。

1熱度

3回答

如何用css改變svg矩形的寬度

用CSS可以改變SVG矩形的寬度嗎？這不起作用： #red { width: 800px; } #red:hover { width: 1600px; } 見jsfiddle。

2熱度

2回答

沿着路徑發出動畫SVG的動畫

我想沿着路徑動畫形狀，我已經設法創建了我想要的路徑，但是當我沿着路徑移動形狀的動畫時，它似乎沿着第一個部分路徑。（原諒我，一點點小菜）。這是代碼; <svg> <rect x="-100" y="100" width="200" height="200" style="stroke: none; fill: #FFCC33;"> <animateMotion path="

2熱度

1回答

簡單的SVG對象復位

這可能是很簡單，但我開始學習SVG和我用下面的代碼的行爲感到困惑： <svg> <defs> <path id="thepath" fill="none" stroke="#000000" d="M25,0 L200,200" /> </defs> <rect x="25" y="0" width="50" height="100" fill="slategrey">

0熱度

1回答

沿着動畫路徑的SVG：animateMotion

沿着動畫路徑使用animateMotion時，Firefox（26）遵循原始路徑，而Opera（17）和Chrome（32）遵循變化的路徑。例如，在下面的SVG紅色矩形以在FF 100,10位置在其他瀏覽器結束，而在50，10： <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" vi

0熱度

1回答

SVG動畫不會重新啓動動畫

我有兩個SVG動畫添加到路徑元素。我想mouseover和Anim1火然後mouseout和Anim2火，我想這是可重複的。我正在使用begin=X.mouseover,begin=X.mouseleave和fill="freeze"。它第一次運作良好;所以mouseover Anim1火災，mouseleave Anim2火災。但是它只會在mouseover上激發Anim1，而Anim2永遠

2熱度

1回答

將Snap.animation傳遞給Element.animate時出現Snap.svg錯誤

This Fiddle顯示我正面臨的錯誤。它真的是一個錯誤還是我做錯了什麼？在小提琴中，懸停兩個圓圈，白色的一個是正確的動畫，黑色的一個消失，一個無限循環開始在控制檯中拋出錯誤。 var animateCircleIn = Snap.animation({ r: 15 }, 400, mina.backout); var animateCircleOut = Snap.anima

2熱度

2回答

SnapSVG教程

我剛開始使用SnapSvg插件，但是看起來這個插件很少有教學資源，請問有沒有Ebook或者SnapSVG的課程？