استخراج ملفات SVG المحسنة للويب من المكتبات وتخصيص خصائص ملفات SVG.
اعتبارًا من 16 نوفمبر 2021، أوقف Dreamweaver وظيفة استخراج SVG من أصل Illustrator. نحن نشجعك على استخدام هذا الحل البديل لتمكين خيار تنسيق الصورة وتحويل أصول Illustrator (.ai) إلى تنسيقات PNG 32/PNG 24/PNG 8/JPEG. بدلا من ذلك، يمكن للمستخدمين تصدير أصول Illustrator بتنسيق SVG من تطبيق Illustrator.
إذا قمت بحفظ صور Illustrator أو Adobe Stock مرخصة في مكتبات 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 على الخصائص التالية:
| اسم الخاصية | Value | الوصف |
| 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 | سلسلة |
|
| precision | number | عدد الأرقام بعد النقطة العائمة. يجب أن يكون الرقم في نطاق 0 إلى 10، وإذا تم تحديد غير ذلك، يتم تشذيب الرقم. الافتراضي هو 3. |
| isResponsive | بيانات منطقية | إذا تم التعيين إلى true،فسيقوم مستند SVG بملء منطقة العرض/الصورة (لا يتم تعيين سمات عرض أو ارتفاع على جذر SVG). |
| carriageReturn | بيانات منطقية | افتراضيًا، يستخدم svgWriter نهاية السطر LF. بتعيين carriageReturn على true، تستخدم نهايات السطر CRLF. |
| indentation | سلسلة | استخدم سلسلة مخصصة مثل مسافة بادئة. على سبيل المثال، استخدم المسافة البادئة لعلامة التبويب. القيمة الافتراضية في هذه الحالة هي مسافتين. |
| fillFilter | بيانات منطقية | لا تنطبق عوامل التصفية إلا على ملء عنصر. لا تتأثر الكتابة ويتم رسمها أعلى المحتوى الذي تم تصفيته. |
| documentUnits | سلسلة | mm | cm | pc | in - سيتم استخدام وحدات مستند معينة في سمة العرض والارتفاع لعنصر الجذر. |
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
