البرامج التعليمية
مخططات SVG مع Claude Opus 5.5: أصلح النص المقطوع دون تصغير كل شيء
عندما يُقطع نص في SVG أنشأه Opus، افحص حدود النص والشكل المحيط ونافذة SVG كلًا على حدة.
عندما يُقطع نص في SVG أنشأه Opus، افحص حدود النص والشكل المحيط ونافذة SVG كلًا على حدة. اطلب إصلاحًا هندسيًا موضعيًا بدل تصغير جميع التسميات. الهدف مخطط مقروء بحجم عرضه الفعلي ويحافظ على معناه بعد التحرير.
توثّق MDN عنصر النص في SVG. موضع النص والمستطيل المحيط خاصيتان منفصلتان؛ لا تكبر العلبة تلقائيًا مع زيادة النص. المثال التالي تخطيط أصلي مقترح، وليس نتيجة منفذة باستخدام Opus.
حدّد الحدّ الخاطئ
استخدم ثلاث خطوات تخيلية لإعداد منتج: فك التغليف، تثبيت الحامل، ضبط الزاوية. لنفترض أن التسمية الوسطى أصبحت «تثبيت الحامل القابل للتعديل». يعتمد الإصلاح على ما يحجب النص.
| العَرَض | ما يُفحص | التصحيح الموضعي |
|---|---|---|
| الكلمات الأخيرة تتجاوز البطاقة | حدود النص مقابل عرض البطاقة | كسر سطر مناسب أو توسيع البطاقة |
| اختفاء الجانب الأيمن كاملًا | viewBox ومسارات القص | تضمين حدود الرسم المطلوبة |
| تصادم الحروف بعد التصدير | الخط المحمّل والبديل | خط مدعوم وتصوير جديد |
| سهم يمر عبر التسمية | مسار الوصل بعد تغيير الحجم | تغيير المسار مع بقاء الوجهة |
توسيع النافذة لا يصلح نصًا يتجاوز بطاقته. وتوسيع البطاقة لا يصلح مسار قص بقي بالحجم القديم. اطلب معرّفات العناصر المعنية كي يمكن فحص التعديل.
احسب العرض المتاح قبل كسر السطر
في بطاقة افتراضية عرضها 240 وحدة وحشوها 20 وحدة يمينًا ويسارًا، يتبقى 200 للنص. إذا بلغ عرض النص المصيّر 224، فالزيادة 24. بطاقة بعرض 264 تستوعب هذه القياسات مع الحشو نفسه، بشرط وجود مساحة للبطاقات والوصلات المجاورة.
يمكن بدلًا من ذلك استخدام سطرين وزيادة الارتفاع عند الحاجة. لا تخمّن العرض بعدّ الحروف؛ يؤثر الخط والوزن واللغة. الأرقام مثال حسابي وليست قياسًا لملف مرفق.
اطلب ملفًا معدّلًا وتصويرًا له
استخدم Opus 5.5 لإصلاح SVG تعليمات الإعداد المرفق. حافظ على الخطوات الثلاث وترتيبها وكلماتها ووجهات الوصلات. ركّز على التسمية الوسطى وحدد عنصر النص والبطاقة وأي مسار قص.
قس النص المصيّر بالخط الفعلي إن توفّر متصفح أو محرّك تصيير. إن لم يتوفّر، قل إن العرض غير متحقق. قارن حدود النص بالعرض الداخلي والرسمة بـviewBox.
اختر إصلاحًا موضعيًا: فواصل أسطر مفهومة أو مساحة إضافية أو حد قص صحيح. لا تصغّر جميع الخطوط ولا تغير الكلمات لإخفاء العيب. أعد توجيه الأسهم المتأثرة دون تغيير معناها.
أعد SVG المعدّل وقائمة التغييرات. صيّر بالعرض المقصود وبعرض هاتف ضيق. افحص النص المقطوع والخطوط المفقودة وتصادم الأسهم. إذا لم تستطع التصيير، صرّح بذلك بدل ادعاء الفحص البصري.افحص الملف المصدّر لا معاينة المحادثة فقط
افتح SVG المحفوظ في المتصفح أو تطبيق التصميم المستهدف. تأكد أنه الإصدار الجديد، وأن التسميات الثلاث ظاهرة، وأن الوصلات تحافظ على التسلسل. المعاينة الجميلة لا تثبت احتواء ملف مستقل على الشيفرة نفسها.
قد يتطلب الهاتف تحويل الأعمدة الثلاثة إلى تسلسل عمودي. هذا تخطيط مقصود مختلف وليس نسخة أصغر فقط. احتفظ بترتيب الخطوات وامنحه اسم ملف مميزًا كي لا يختلط بنسخة سطح المكتب.
إذا كان المخطط يشرح ميزة، احتفظ بالهندسة والكلمات المتحققة مرجعًا للإعلان. استخدم Panelly Studio للصورة المرافقة؛ يساعد دليل تسميات ميزات المنتج في ربط النص بالتفاصيل المرئية. لا يعني ذلك استيراد طبقات SVG قابلة للتحرير أو دمج Opus في Panelly.
أسئلة شائعة
لماذا لا نحوّل كل النص إلى مسارات؟
قد تحفظ المسارات أشكال الحروف في بعض عمليات التسليم، لكنها تقلل قابلية تحرير النص ولا تصلح التباعد السيئ. عالج التخطيط أولًا، ثم اختر التنسيق الملائم للمستلم.
هل يكفي قول النموذج «اجتازت كل الفحوص»؟
اسأل عن الملف والتصيير اللذين فحصهما. إذا لم تعمل أداة تصيير، فالعبارة اقتراح فحص وليست دليلًا على معاينة الناتج.
