В предыдущей статье я описал, как можно легко интегрировать анимацию из Adobe Animate на веб-сайт с помощью экспорта APNG. Существует также собственный способ через HTML5 Canvas Export , но любой, кто когда-либо работал с ним, заметит, что проблемы возникают на каждом шагу (недостаточная отзывчивая поддержка, громоздкая интеграция в существующие веб-сайты, отсутствие различий в частоте кадров для анимации и т. д.). Здесь может помочь библиотека adobe-animate-embed .
Сначала вы создаете новый проект и выбираете тип «HTML5 Canvas».:
Затем вы публикуете проект со стандартными настройками публикации.:
Теперь вы интегрируете библиотеку adobe-animate-embed и воспроизводите анимацию в элементе DOM.:
3ad3cc9d9915693d69583124699f1a2b
Многие другие примеры и варианты доступны в документации библиотеки.