Animated SVG Export
تُصدّرُ تقديراتَكَ كملفاتِ PSVG لتضمين الإنترنتِ والرسوم البيانيةِ القابلةِ للتَقَدُّم.
وقت استخدام SVG
SVGs are ideal when:
- وضع نماذج على المواقع الشبكية
- الحاجة إلى التصعيد النهائي
- حجم الملفات الصغيرة مهم
- تحتاج إلى ناتج ناقلات قابلة للتقسيم
Exporting as SVG
- Click Export في الرأس
- Select Animated SVG
- Click Export
- تحميل الملفات على الفور
دعم الأهداف
كامل الدعم
| التقدير | الناتج |
|---|---|
| النبض | <animateTransform type="scale"> |
| تناوب | <animateTransform type="rotate"> |
| Bounce | <animateTransform type="translate"> |
| Fade | <animate attributeName="opacity"> |
| Wobble | <animateTransform type="rotate"> |
| Slide | <animateTransform type="translate"> |
| الارتفاع | <animateTransform type="translate"> |
غير مدعم
| Feature | السبب |
|---|---|
| آلة كاتبة | Requires JavaScript |
| Effects (Sparkle, Blast) | المحاكاة القائمة على الغش |
| دوران الدوريات | onFrame-based |
| الأطر الرئيسية المعقدة | محدودية الدعم المقدم من شركة PSMIL |
دعم الحشد: تستخدم تقديرات تعادل القوة الشرائية (PG1X) التي تتلقى الدعم من الكروم وفايرفوكس وسفاري وإدج. بعض المروجين الأكبر سناً قد يظهرون “بي جي 2 إكس” الثابتة.
تركيب المواقع الشبكية
Direct Embed
<img src="animation.svg" alt="Animated graphic">
Inline SVG
من أجل المزيد من التحكم، رمز المعكرونة (PG0X) مباشرة:
<svg viewBox="0 0 800 600">
<!-- SVG content -->
</svg>
معلومات أساسية
.element {
background-image: url('animation.svg');
}
بعد التصدير
ملفات SVG قابلة للتحلل يمكنك:
- مفتوح في محرر نص
- تغيير الألوان والأحجام والتوقيت
- مضبوطة PCSS
- العرف المختلط
ما يُصدّر
| العنصر | المصدر |
|---|---|
| النص | عناصر <text> |
| Shapes | <path>, <circle>, etc. |
| معلومات أساسية | <rect> with fill |
| التقديرات | SMIL <animate> tags |
حجم الملف
ملفات SVG عادة صغيرة جدا:
- بسيط: 2-10 KB
- Complex scene: 20-50 KB
- أصغر بكثير من GIF أو MP4
تيبس
SVG Tips:
- Use SVG for web embed where quality matters
- تجنب الآثار والتقديرات الكاتبة
- الاختبار في مصفوفات الهدف
- SVGs can be fashiond with CSS after embedding
التراجع عن الأهداف غير المدعومة
إذا كان تصميمك يستخدم سمات غير مدعومة
- Export as MP4 or GIF for the animated version
- Export as PNG for a static fallback
- استخدام عنصر
<picture>للتعزيز التدريجي