bodymovin

5熱度

2回答

道歉事先爲我的無知，因爲我懷疑這是一個很容易回答的問題，但我卡住了。我正在使用bodymovin在網站上播放svg動畫。我想在動畫完成時使用onComplete事件觸發一個函數，但我無法弄清楚如何編寫它。我已經試過 $("#bodymovin").on("onComplete", function(){ console.log('test completed'); });

0熱度

1回答

切換鼠標事件

我有一個動畫使用bodymovin，當我mouseenter觸發時，我試圖讓它如此，如果我在動畫結束之前再次將其鼠標懸停，它不會重新啓動。 squareAnim.addEventListener('mouseenter', function(){ anim.removeEventListener('loopComplete', loopHandler); anim.goToAndStop(1)

0熱度

3回答

如何檢查bodymovin動畫是否完整？

我想在完成動畫時破壞動畫。嘗試addEventListener，沒有奏效。 anim = bodymovin.loadAnimation(params); animContainer.addEventListener("complete", myScript); function myScript(){ anim.destroy(); }

0熱度

1回答

當mouseleave時反向播放動畫JS。

我有一個很好的代碼。我不喜歡的是，當mouseleave動畫停止尖銳。這是不好的。我有幾個想法：如何使'停止'更順暢和用戶友好？如何使mouseleave後的「反向播放」？（鼠標離開之後，從擊穿點起到反向動畫） animContainer = document.getElementById('bodymovin'); var params = { container: anim

0熱度

1回答

如何觸發滾動功能

當滾動瀏覽頁面中的某個點時，我想要觸發一些動畫。我不認爲我有正確的語法用scrollTop屬性調用我的動畫函數。我用警報測試了它，它工作正常。 var illustArr = ['map', 'privacy', 'payment', 'rewards', 'security', 'passcode']; var illust; function addListenerToElement(

9熱度

2回答

Bodymovin懸停播放動畫只有一次

讓我的動畫觸發懸停播放。我有一切工作，但當我試圖再次徘徊玩，似乎沒有任何工作。任何想法我寫錯了什麼？ var squares = document.getElementById("test"); var animation = bodymovin.loadAnimation({ container: test, renderer: "svg", loop: fal

1熱度

1回答

Bodymovin循環按需提供段

我有幾個圖標，當它們懸停在圖標上時，它們有一個介紹動畫[0,20]，以及一個循環動畫[21，100]。將loop設置爲true會使我所有的段都循環，這不是我想要的，我只需要其中一個段進行循環。無論如何，這樣做？這裏是我怎麼有我的代碼設置一個例子： var data = { container: el, renderer: 'svg', loop: fal

0熱度

1回答

bodymovin動畫在原生反應上出錯？

我正在使用sample.json圖像文件，它是我的頁面中的bodymovin動畫，通過Lottie for React Native。我得到圖像，但未完全檢索圖像，圖像的某些部分丟失，並且在圖像的某一側，圖像上粘貼了綠色。但我通過在線json圖像查看器檢查了sample.json。但與從源頭圖像沒有問題，這裏是問題https://i.stack.imgur.com/yFZfg.jpg 這裏是

0熱度

1回答

空的JSON導出與後效應+ bodymovin爲Lottie

我有一個After Effects的基本動畫，安裝bodymovin（沒有任何錯誤），並希望導出爲Lottie動畫。但所有我出口時得到的是一個空的JSON文件。我在出口課程時選擇我的作文，我只有一個作文。我檢查了tips and guidelines以及supported features, 但我沒有發現任何奇怪的事情，我不應該這樣做。這裏是我的動畫的截圖：任何想法？乾杯

0熱度

1回答

響應Bodymovin動畫

如何嵌入一個bodymovin導出文件來響應，但保持標誌和字體的正確縱橫比，並適合我的網站寄宿生？有任何想法嗎？預先感謝您