استخراج ملفات SVG المحسّنة من المكتبات

استخراج ملفات SVG المحسنة للويب من المكتبات وتخصيص خصائص ملفات SVG.

إذا قمت بحفظ صور Illustrator مرخصة في مكتبات Creative Cloud لديك، فيُمكنك استخراجها كملفات SVG ويب محسّنة في صفحات ويب Dreamweaver. عند قيامك بسحب صور من لوحة مكتبات إلى صور الويب، سيتم إدراجها كملفات SVG بشكل افتراضي. لمزيد من المعلومات، راجع إعادة استخدام الرسومات المخزّنة في المكتبات.

إذا أردت تخصيص خصائص ملفات SVG، فيُمكنك تحرير التفضيلات في ملف options.json الذي يوجد في الموقع التالي:

  • Windows: %appdata%\Adobe\Dreamweaver CC 2015\<locale>\Configuration\SVGOptions\
  • Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2015/<locale>/Configuration/SVGOptions/

يُمكن أن يحتوي كائن JSon لتحويل ملفات .ai إلى ملفات SVG على الخصائص التالية:

اسم الخاصية القيمة الوصف
trimToArtBounds بيانات منطقية يغطي SVG حدود الأعمال الفنية المستقلة عن بُعد مستند OMG.
useViewBox بيانات منطقية إذا تم تعيين trimToArtBounds وuseViewBox إلى true، فلن يتم تحويل محتوى المستند. وبدلاّ من ذلك، يتم تعديل قيمة viewBox لعنصر SVG الجذر لتقسيم المحتوى وتكبيره/تصغيره ليناسب الاحتياجات.
constrainToDocBounds بيانات منطقية يقتطع المحتوى المرئي لحدود المستند.
preserveAspectRatio سلسلة

يتم تحديد نسبة العرض إلى الارتفاع من خلال مواصفات SVG. يتجاوز الإعداد preserveAspectRatio القيمة المحسوبة لـ svgWriter. وبالتالي، من المستحسن عدم تعيين هذه القيمة.

ملاحظة: بالنسبة لـ meet أو xMidYMid meet استخدم السلسلة المعادلة، xMidYMid، لحجم الملفات المصغّرة.

styling سلسلة

هذه الخاصية اختيارية ويتم تعيينها افتراضيًا على الفئة:

  • الفئة: استخدم العنصر العالمي وقم بإحالة كتلة النمط مع سمة الفئة.
  • النمط: استخدم سمة النمط لتطبيق خصائص الأنماط على العناصر.
  • السمة: استخدم سمات العرض لتطبيق خصائص الأنماط على العناصر.
prefix سلسلة بادئة سيتم إضافتها إلى كل معرّف واسم فئة. يسمح هذا بأنظمة التسمية الفريدة لكل مستند SVG. يُمكن أن تصطف العديد من مستندات SVG في مستند HTML واحد بدون تعارضات معرّف أو اسم فئة طالما كانت البادئات المتوفرة فريدة.
cropRect الكائن مستطيل بالخصائص x وy والعرض والارتفاع. x وy اختياريين. يحدد مستطيل يتم فيه اقتطاع مستند SVG. يتم إنشاء النطاق إذا كان البُعد أصغر من مستطيل الاقتطاع.
minify   يتجنب المسافات البادئة والأسطر الجديدة والمسافات الفاصلة في إخراج SVG. يستخدم الحد الأدنى من المُعرّفات.
idType سلسلة
  • عادي: الطريقة الافتراضية لإنشاء مُعرّفات. يستند الأفضل إلى أسماء الطبقة/الكائن في التطبيق.
  • الحد الأدنى: يقوم بإنشاء المعرّفات الأقصر الممكنة المستقلة عن أسماء الطبقة/الكائن المحددة للمستخدم في التطبيق.
  • فريد: يقوم بإنشاء UUIDs على rfc4122 بتنسيق xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx.
precision number عدد الأرقام بعد النقطة العائمة. يجب أن يكون الرقم في نطاق 0 إلى 10، وإذا تم تحديد غير ذلك، يتم تشذيب الرقم. الافتراضي هو 3.
isResponsive بيانات منطقية إذا تم التعيين إلى true،فسيقوم مستند SVG بملء منطقة العرض/الصورة (لا يتم تعيين سمات عرض أو ارتفاع على جذر SVG).
carriageReturn  بيانات منطقية افتراضيًا، يستخدم svgWriter نهاية السطر LF. بتعيين carriageReturn على true، تستخدم نهايات السطر CRLF.
indentation سلسلة استخدم سلسلة مخصصة مثل مسافة بادئة. على سبيل المثال، استخدم المسافة البادئة لعلامة التبويب. القيمة الافتراضية في هذه الحالة هي مسافتين.
fillFilter بيانات منطقية لا تنطبق عوامل التصفية إلا على ملء عنصر. لا تتأثر الكتابة ويتم رسمها أعلى المحتوى الذي تم تصفيته.
documentUnits  سلسلة mm | cm | pc | in -  سيتم استخدام وحدات مستند معينة في سمة العرض والارتفاع لعنصر الجذر.

احصل على مساعدة بشكل أسرع وأسهل

مستخدم جديد؟