如何查看 object animation svg 的任何變化

Question

我需要觀察 att object animation svg 的變化

        const windowData = { 
        container: document.getElementById('window-container'),
        renderer: 'svg',
        loop: true,
        autoplay: true,
        path: '/windows.json'
    };
    const windowAnim = bodymovin.loadAnimation(windowData);
    const window2 = windowAnim.isLoaded
    console.log(window2)

我需要用 if (window2 === true) {...} 編寫代碼

但我不明白如何查看此參數中的任何更改 isLoaded in svg animation 在開始頁面 window2 之后有錯誤並且在 animation 加載后不要更改

Answer 1

根據 Lottie 文檔，當 animation 的所有部分都已加載時，會觸發一個名為data_ready的事件。 這似乎是您正在尋找的。

你會這樣使用它：

const windowAnim = bodymovin.loadAnimation(windowData);
windowAnim.addEventListener('data_ready', () => {
     /* Your code to run when loaded. */
});