svg-animate

1熱度

1回答

我正在嘗試使用css中閃爍的動畫製作svg明星。事情是在動畫過程中，明星向svg的0,0位置移動。我希望明星在動畫期間保持原位。我在猜測的是，在動畫過程中不使用星形（在路徑中）的每個點的位置。 <svg width="300" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/s

0熱度

1回答

D3速度問題與有向圖中的鏈接動畫

我想使用下面的代碼在力佈局有向圖上對鏈接進行動畫處理。鏈接是簡單的線條而不是路徑。我按下按鈕啓動動畫。風格變化（在onTick中）立即發生，但問題在於動畫本身需要大約10秒才能啓動。難道我做錯了什麼？我可以加速動畫的開始嗎？我不得不說，一旦動畫開始，動畫運行得很好。 function animLink(d) { this.transition() .delay(0)

0熱度

1回答

這個圖動畫的名字是什麼或者是否有類似的庫。裏面的圖像

像今天這樣的動畫（連接圈）非常流行和漂亮。我想知道他們怎麼叫？如何創建我自己的，是否有一個圖書館或框架在3D？我想學習它，並使它更具互動性並使其成爲可能。這裏是鏈接到活生生的例子，請參閱它，它非常出色： Five labs website 下面是截圖：任何意見將是有益的，感謝

0熱度

1回答

用snap.svg懸停進行動畫放大/縮小

由於缺少IE對動畫的支持（謝謝IE），我正在構建一個SVG並在snap.svg中進行動畫處理。我最基本的形式是一個五角形，我想旋轉鼠標懸停，然後重置它自己。代碼位於下方的小提琴（顯然這是真實的東西砍掉版本，但它清楚地表明仍是BUG）的JS如下：該行爲 // Set up snap on the svg element var svgElement = Snap("#svg"); // Cr

2熱度

2回答

此時，元素svg上不允許使用屬性數據。如何糾正它

在檢查我的網站w3cvalidator 它顯示了這個錯誤在這一點上和結束標記SVG屬性數據-LS不允許SVG元素上不匹配當前打開元素的名稱（使用）。這裏是我使用的示例代碼。 <svg class="ls-l" style="top:320px;left:30%;white-space: nowrap;" data-ls="offsetxin:-15; offsetyin:10; del

0熱度

1回答

SVG動畫在Chrome中正常工作但在Firefox中不能正常工作

SVG動畫在Chrome中正常工作，但在Firefox中無法正常工作。我想在頁面加載後0.4秒開始動畫。這是密碼 <svg width="300px" height="300px" version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin

1熱度

1回答

SVG Animate polilines轉換

任何人都可以發表如何動畫svg折線或路徑的示例嗎？我想動畫從藍色到灰色線的過渡。理想情況下，我正在尋找一種解決方案，可以在不知道其點的座標數的情況下使用任何灰線。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <div style="height: 20

1熱度

2回答

重複SVG動畫序列

我有一個17秒長的第二個動畫，它有多個部分。一旦完成，我如何重複整個序列？我試過每個<animate>上的repeatCount = "indefinite"屬性，但這只是讓事情變得很奇怪。這裏是我想要重複的動畫，供參考或者其他。 <rect x="185" y="300" width="300" height="400" fill="#666666"> <animate

1熱度

1回答

用jquery/javascript觸發svg動畫

我有一個.svg文件，它可以使用animateMotion來動畫一個圓來移動。問題是我用我的頁面底部的jquery加載文件。當用戶向下滾動時，動畫已經播放。我使用的路點jquery插件運行一個功能，當div在視口中。我很想用這個來觸發.svg中的animateMotion。想法和想法非常感謝。

0熱度

1回答

無法設置在Firefox

我想創建SVG和CSS3動畫和正常工作的Chrome，但我已經嘗試添加-moz-前綴transform-origin:在Firefox 不工作，但還沒有它不工作轉換原點 here是我創造現場樣品 CSS規則，我已經加入是： #aniBin { overflow: visible; } #Bin:hover #cap { transition-duration: 400ms