响应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片”