حسناً، لقد جربت بعض الأشياء لإنشاء ملف خاص بي. للأسف، الرابط الموجود في المنشور الأصلي لعرض مثال حول كيفية تنسيق ملف SVG Sprites لا يعمل؛ فهو يفتح صفحة فارغة ولا يتم تحميله. لذا، قمت بالمحاولة على عجل. قمت بإنشاء رسومي SVG في Illustrator، ثم exported them، ثم فتحتها في Chrome واستخدمت خيار ‘فحص العنصر’ للحصول على معلومات مسار الملف.
أنا أستخدم جهاز Mac، لذا فتحت TextEdit ونسخت المعلومات التي أعتقد أنها يجب أن تكون في ملف Sprite. ثم غيرت الامتداد إلى svg. قمت برفع الملف إلى المظهر وأضفت كود JavaScript إلى الرأس (Header).
مرة أخرى، لست متأكداً مما إذا كان أي من هذا صحيحاً، بل أنا متأكد تقريباً أنه ليس كذلك، لأنه عند معاينة المظهر للموقع، ينهار الموقع تماماً. أحصل على خطأ “Oops” – “واجهت البرمجية التي تدعم هذا المنتدى مشكلة غير متوقعة.” بعد إزالة ملف Sprite.svg الذي تم رفعه وانتظار بعض الوقت، يعود الموقع للعمل بشكل صحيح مرة أخرى.
فيما يلي معلومات ملف SVG والكود JSON.
شكراً لكم!
إليك رابط ملف Sprite على Google Drive إذا كان أحدكم مهتماً بالنظر إليه: Drive
والكود هو:
