அடோப் அனிமேட் அனிமேஷன்களை சொந்தமாக ஒருங்கிணைக்கவும்

முந்தைய கட்டுரையில் , APNG ஏற்றுமதியைப் பயன்படுத்தி அடோப் அனிமேட்டில் இருந்து அனிமேஷன்களை இணையதளத்தில் எப்படி எளிதாக ஒருங்கிணைக்கலாம் என்பதை விவரித்தேன். HTML5 கேன்வாஸ் ஏற்றுமதி மூலம் சொந்த வழியும் உள்ளது, ஆனால் அதனுடன் ஏற்கனவே பணிபுரிந்த எவரும் ஒவ்வொரு திருப்பத்திலும் சிக்கல்கள் இருப்பதைக் கவனிப்பார்கள் (போதுமான பதிலளிக்கக்கூடிய ஆதரவு, ஏற்கனவே உள்ள வலைத்தளங்களில் சிக்கலான ஒருங்கிணைப்பு, அனிமேஷனுக்கு வெவ்வேறு பிரேம் விகிதங்கள் இல்லை போன்றவை). நூலகம் adobe-animate-embed இங்கே உதவும்.


முதலில் நீங்கள் ஒரு புதிய திட்டத்தை உருவாக்கி "HTML5 கேன்வாஸ்" வகையைத் தேர்வுசெய்க:

நிலையான வெளியீட்டு அமைப்புகளுடன் திட்டத்தை வெளியிடுகிறீர்கள்:

இப்போது நீங்கள் நூலகத்தை அடோப்-அனிமேட்-உட்பொதித்து ஒருங்கிணைத்து, ஒரு DOM உறுப்புக்குள் அனிமேஷனை இயக்குகிறீர்கள்:

3ad3cc9d9915693d69583124699f1a2b

இன்னும் பல எடுத்துக்காட்டுகள் மற்றும் விருப்பங்கள் நூலக ஆவணத்தில் கிடைக்கின்றன.

மீண்டும்