Отзывчивая анимация Бодимовина

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 ломтика»