Vivus.js

Vivus.js

Vivus عبارة عن فئة جافا سكريبت خفيفة الوزن تتيح لك تحريك SVGs ، مما يتيح لهم مظهر الرسم.
Vivus عبارة عن فئة JavaScript خفيفة الوزن (بدون أي تبعيات) تتيح لك تنشيط صور SVG ، مما يمنحهم مظهر الرسم.هناك مجموعة متنوعة من الرسوم المتحركة المختلفة المتاحة ، بالإضافة إلى خيار إنشاء برنامج نصي مخصص لرسم SVG بأي طريقة تريدها.أنواع الرسوم المتحركة • مؤجلة: يتم رسم كل عنصر مسار في نفس الوقت مع تأخير بسيط في البداية.هذا هو حاليا الرسوم المتحركة الافتراضية.• المزامنة: يتم رسم كل سطر بشكل متزامن.كلهم يبدأون وينتهون في نفس الوقت ، ومن هنا جاء اسم "المزامنة".• OneByOne: يتم رسم كل عنصر مسار واحد تلو الآخر.تعطي هذه الرسوم المتحركة أفضل انطباع بالرسم الحي.وظيفة التوقيت لإعطاء مزيد من الحرية ، من الممكن تجاوز الرسوم المتحركة لكل مسار و / أو SVG بأكمله.يعمل قليلا مثل وظيفة توقيت الرسوم المتحركة CSS.ولكن بدلاً من استخدام وظيفة مكعب - bezier ، فإنه يستخدم دالة JavaScript بسيطة.يجب أن يقبل رقمًا كمعلمة (بين 0 إلى 1) ، ثم يُرجع رقمًا (أيضًا بين 0 و 1).انها هوك.Scenarize تتيح لك هذه الميزة برمجة نصوص SVG الخاصة بك.للقيام بذلك ، سيتم تعيين القيم المخصصة مباشرةً في DOM الخاص بـ SVG.هنا مثال على استخدام سيناريو المزامنة.أوصي بأن تنظر إلى الكود المصدري وملف الملف التمهيدي لمزيد من المعلومات.
vivus-js

موقع الكتروني:

المميزات

بدائل لـ Vivus.js for JavaScript مع ترخيص مفتوح المصدر