响应式Bodymovin动画

Question

如何嵌入bodymovin导出的文件以保持响应，同时保持徽标和字体的正确宽高比，并适合我网站的寄宿生？有什么想法吗？

提前谢谢

Answer 1

您可以使用渲染器的preserveAspectRatio设置。 加载动画时将其作为参数传递：

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

我猜你想要的是preserveAspectRatio：'xMidYMid slice'