Адаптивная анимация Бодемовина

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'