أصلح شعار SVG المقتطع دون إعادة رسم المسارات

احتفظ بالملف المقتطع بجانب الأصل

ابدأ بمصدر SVG، لا بلقطة شاشة لعرضه الناقص. احفظ نسخة للعمل واحتفظ ببيانات المسار الأصلية. يستخدم المثال مساراً مركباً فحمياً واحداً بفتحة مقبض شفافة.

مساحة الإخراج في النسختين 800×500. القيمة الخاطئة المقصودة هي viewBox="0 0 1024 1024"، ولذلك يقع معظم الكوب خارج الإطار المرئي. الكوب الكامل بجانبه نتيجة الإصلاح، وليس شعاراً مولداً من جديد.

حدّد حدود الرسم قبل تغيير الإطار

اطلب حدود المنحنيات الفعلية، بما فيها نقاط انعطافها. تصل في المثال إلى x≈490.710–1620.830 وy≈693.803–1363.685. الاكتفاء بنقاط ارتكاز المسار يقلّل تقدير الحافتين اليمنى والسفلية.

تشرح MDN قيم viewBox الأربع: أدنى x وأدنى y والعرض والارتفاع. تختلف نسبة الإخراج عن نسبة الإطار القديم هنا، لذا افحص العرض الفعلي ولا تربط كل حافة ظاهرة مباشرة بتلك الأرقام.

اطلب إصلاحاً محدد النطاق من Ciyo

قدّم نص SVG أو ملف مصدر يستطيع الوكيل قراءته. اطلب تقريراً عن الشكل الحالي ونسخة مصححة منفصلة وعرض الملفين ووضع معاينتيهما على اللوحة.

الطلب أدناه خاص بهذا المثال. لشعارك، اطلب حساب إطار مناسب بهوامش؛ نقل إحداثياتنا إلى رسم مختلف قد يقتطع جزءاً آخر منه.

افحص SVG دون إعادة رسمه وأبلغ عن حدود المنحنيات الفعلية. لهذا المثال، حافظ على كل d وfill وfill-rule، وأبقِ width=800 وheight=500. احفظ نسخة منفصلة بقيمة viewBox="430 630 1260 790". اعرض الملف المقتطع والمصحح كصورتَي PNG شفافتين 800×500 واحفظهما على اللوحة. تحقّق من ظهور الكوب وفتحة المقبض بالكامل، واشرح التغييرات والقيود.

افحص التغييرات في المصدر

القيمة المصححة هي viewBox="430 630 1260 790". يبقى العرض والارتفاع وd وfill وfill-rule متطابقاً في الملفين. تغيير الإطار يغيّر الحجم والموقع الظاهرين، ولا يحافظ على مواضع بكسلات المعاينة القديمة.

قارن الملفين قبل اعتماد النتيجة. إضافة مسار أو مستطيل خلفية أو صورة مضمّنة تتجاوز نطاق هذا الإصلاح.

افحص الشعار الكامل وفتحة المقبض

صورة PNG المصححة الفعلية 800×500، بهوامش شفافة تقارب 39 بكسلاً يساراً و45 يميناً و40 أعلى و35 أسفل. تظهر القاعدة والمقبض كاملين وتبقى الفتحة شفافة.

افتح SVG في المتصفح بحجم العرض المقصود. تعرض اللوحة معاينات PNG، بينما يحتفظ ملف SVG القابل للتنزيل بالمسارات. المعاينة دليل مفيد، لكنها ليست الأصل المتجهي.

توقّف إن كانت الأجزاء غائبة من المصدر

ينجح الأسلوب لأن المنحنيات موجودة بالفعل. المسار المفقود أو القناع أو مسار القص أو overflow في CSS يحتاج تشخيصاً مستقلاً. تكبير viewBox لا يعيد شكلاً لم يُحفظ.

احتفظ بالنسخة المصححة والأصل معاً. تتيح الملفات تكرار الفحص؛ يثبت المثال إصلاح العرض في المتصفح، ولا يقدّم نتيجة عن القص المادي أو الاستيراد إلى تطبيق آخر.

• MDN: خاصية viewBox
• نزّل SVG المقتطع
• نزّل SVG المصحح
• حوّل شعار PNG إلى SVG
• أنشئ أيقونة موقع من الشعار