في مقال سابق ، وصفت كيف يمكن للمرء بسهولة دمج الرسوم المتحركة من Adobe Animate في موقع ويب عبر منعطف تصدير APNG. هناك أيضًا الطريقة الأصلية عبر تصدير لوحة HTML5 ، ولكن أي شخص سبق لها العمل معها سيجد أنها عالقة في كل زاوية وركن (دعم استجابة غير كاف ، تكامل مرهق في موقع ويب موجود ، لا توجد معدلات إطارات مختلفة لكل رسم متحرك ، إلخ).). توفر مكتبة adobe-animate-embed علاجًا هنا.
أولاً ، تنشئ مشروعًا جديدًا وتختار النوع "HTML5 Canvas":
ثم تقوم بنشر المشروع مع إعدادات النشر القياسية:
يمكنك الآن دمج مكتبة adobe-animate-embed وتشغيل الرسوم المتحركة داخل عنصر DOM:
3ad3cc9d9915693d69583124699f1a2b
تتوفر العديد من الأمثلة والخيارات في وثائق المكتبة.