響應Bodymovin動畫

Question

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

預先感謝您

Answer 1

你可以玩的渲染器的preserveAspectRatio設置。 把它作爲一個PARAM當您加載動畫：

bodymovin.loadAnimation({ 
    container: element, 
    renderer: 'svg', 
    loop: true, 
    autoplay: true, 
    path: 'path/to/the/json', 
    rendererSettings: { 
    preserveAspectRatio: 'xMidYMid meet' 
    } 
}); 

我猜你想要的這裏是preserveAspectRatio：「xMidYMid片」