SVG - تنسيق صورة متجه للويب

SVG (Scalable Vector Graphics) هو تنسيق صورة متجه مستند إلى XML للرسومات ثنائية الأبعاد مع دعم للتفاعلية والرسوم المتحركة. مواصفات SVG هي معيار مفتوح تم تطويره بواسطة World Wide Web Consortium (W3C) منذ 1999. يتم تعريف صور SVG وسلوكياتها في ملفات نصية XML. هذا يعني أنه يمكن البحث عنها وفهرستها وبرمجتها وضغطها. كملفات XML ، يمكن إنشاء صور SVG وتحريرها باستخدام أي محرر نصوص ، ولكن غالبًا ما يتم إنشاؤها باستخدام برامج الرسم.

يوجد دعم لربط المحتوى بالموارد الخارجية باستخدام امتداد SVG . إذا كنت أستخدم HTML ، فيمكنني استخدام عنصر بعنوان URL مثل هذا: http://example.com/link/. هذا رابط مثال. XLink هي تقنية تُستخدم لتوفير هذه الوظيفة. لاستخدام XLink ، يجب عليك أولاً إضافة بادئة XLink والسمة xlink: type = "simple" إلى المستند الخاص بك. سيكون لديك القدرة على تحديد نوع الارتباط الذي ترغب في استخدامه ، والسياق الذي تريد أن يظهر فيه. عند استخدام قيمة الاستبدال ، سيتم عرض الارتباط في نافذة أو علامة تبويب جديدة. يمكن أيضًا دمج عنصر العرض ومعرف الجزء للارتباط بجزء معين من المستند.

نتيجة لذلك ، يمكنك تحديد منطقة داخل الملف حيث تريد تكبيرها أو تصغيرها عندما ينقر المستخدم فوق ارتباط أو زر. يمكن تضمين الصوت والفيديو في رمز SVG Tiny 1.2 أو أعلى ، لكن هذا غير متاح على نطاق واسع. يُستخدم عنصر الاستخدام لتضمين عناصر sva في المستند. يمكن استخدام الصور الخالية من حقوق الملكية ، مثل PNGs و JPEGS ، لكن الصور vega ليست كذلك. إذا تم توفير خيار نص بديل بواسطة عنصر desc ، فإن سمة HTML alt ستوفره أيضًا. سيكون هذا مفيدًا بمجرد أن تدعم برامج قراءة الشاشة SVG.

من الأسهل إنشاء جزء من SVG قابل للنقر عليه عن طريق إضافة عنصر ارتباط إلى الترميز. يعد التفاف الهدف في عنصر HTML بسيطًا مثل تغليفه بعلامة *. يمكنك إحاطة شكل بسيط أو مسار أكثر تعقيدًا بعلامتك * a>. يمكن تضمين مجموعة من عناصر SVG أو عنصر واحد فيه.

نظرًا لقدرتها على التوسع والتصغير لمجموعة متنوعة من التطبيقات ، تعد الرسومات المتجهة (SVG) مثالية للشعارات والرسومات. إنه أيضًا خيار شائع في تصميم الويب لأن محركات البحث مثل Google يمكنها قراءة ملفات XML. سيساعد هذا في تحسين مُحسّنات محرّكات البحث وترتيب المواقع الإلكترونية.

على الرغم من حقيقة أن الأمر استغرق بعض الوقت ، فإن لغة ترميز SVG تعمل الآن تقريبًا على كل متصفح وجهاز رئيسي. ملف SVG قابل للبحث والتحرير والتوسع ، وذلك بفضل حجمه الصغير وإمكانية البحث فيه وتعديله عن طريق الكود. في أي حجم ، تبدو رائعة ويمكن استخدامها كعنصر مرئي تمامًا مثل الصور أو مضمنة في HTML (إنشاء موقع ولكن لا تريد كتابة التعليمات البرمجية).

عند استخدام XPath في السيلينيوم ، يمكننا النقر فوق العناصر باستخدام SVG. توجد علامة باسم svg في عنصر SVG . تتضمن سمات هذا التطبيق العرض والارتفاع ومربع العرض. عند النقر فوق عنصر باستخدام svg ، يجب تحديده أولاً قبل أن تتمكن من استخدام فئة الإجراءات.

ما هو Svg ولماذا يتم استخدامه؟

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

يشار إليه باسم Scalable Vector Graphic (SVG) في Adobe Illustrator. على عكس أنواع الرسومات الأخرى ، لا يتكون SVG بالكامل من وحدات بكسل فريدة. بيانات المتجه ، من ناحية أخرى ، هي عنصر ذو حجم واتجاه محددين يتم استخدامه في هذه التجارب. باستخدام مجموعة من المتجهات ، يمكنك إنشاء أي نوع من الرسومات التي تريدها تقريبًا. يمكن إنشاؤها من البداية أو تحويلها من صورة موجودة. تدعم معظم أدوات تصميم الرسوم الحديثة ملفات SVG كجزء من إعدادها. يمكنك أيضًا استخدام أدوات التحويل عبر الإنترنت إذا كنت لا تريد تنزيل أي برنامج.

إذا كنت تستخدم WordPress ، فلا يمكن إدراج SVGs مباشرة في نظام إدارة المحتوى (CMS). أهم مهمة هي إنشاء SVGs من البداية أو تحويلها إلى التنسيق. هناك مجموعة متنوعة من الأدوات المتاحة ، مثل Adobe Illustrator و GIMP ، والتي يمكن استخدامها لإنشاء رسومات ونصوص.

بسبب قابليتها للتوسع ، يمكن استخدام ملفات SVG لإنشاء إصدارات من أي حجم صورة. يتم تحميل الملفات الصغيرة بشكل أسرع على الإنترنت ، مما يجعلها مثالية لمواقع الويب. نظرًا لأن Inkscape يستخدم تنسيق الملف الأصلي لـ SVG ، مما يجعله مثاليًا للرسومات المتجهة ، فهو برنامج رسم رائع.

ماذا تعني Svg؟

يمكن عرض ملفات الرسومات المتجهة (SVG) القابلة للخطوة وتنزيلها على الإنترنت. تتكون ملفات المتجهات ، على عكس الملفات النقطية المستندة إلى البكسل ، من صيغ رياضية تخزن الصور بناءً على النقاط والخطوط على الشبكة.

بغض النظر عن حجم الصورة ، فإن استخدام SVG يجعلها تبدو رائعة. تم تصميم هذا التنسيق لمحركات البحث ، وهو غالبًا أصغر من التنسيقات الأخرى ، ويمكنه عرض الرسوم المتحركة الديناميكية. في هذا الدليل ، سأشرح ماهية هذه الملفات ، ومتى يتم استخدامها ، وكيفية إنشاء SVG. نظرًا لأن الصور الفلكية لها دقة ثابتة ، فإن جودة صورتها تتأثر عندما يزداد حجمها. تخزن تنسيقات الرسوم المتجهية ، بخلاف برامج الكمبيوتر ، نقاط وخطوط الصورة. يتم إنشاء هذه التنسيقات باستخدام XML ، وهي لغة ترميز تُستخدم لنقل المعلومات الرقمية. يحدد كود XML في ملف SVG الأشكال والألوان والنص الذي يتألف من صورة.

إن كود HTML ليس لطيفًا للنظر إليه فحسب ، بل يجعله أيضًا قويًا للغاية ، مما يجعله مثاليًا لمواقع الويب وتطبيقات الويب. يمكنك إما توسيع أو تقليص حجم SVG دون فقدان الجودة. عند استخدام صور SVG ، مهما كانت صورتك كبيرة أو صغيرة ، فإنها دائمًا ما تبدو متشابهة. نظرًا لافتقارها إلى التفاصيل ، تم تصميم SVGs بهدف عدم توفير نفس مستوى التفاصيل مثل الصور النقطية. تقع على عاتق المصممين والمطورين مسؤولية التحكم في مظهرهم المرئي باستخدام SVGs. طور اتحاد شبكة الويب العالمية تنسيق ملف لرسومات الويب تم توحيده. HTML وأنواع أخرى من الملفات النصية هي ملفات نصية ، مما يعني أن المبرمجين يمكنهم رؤية كود XML وفهمه بسرعة وسهولة.

من خلال الجمع بين إمكانات CSS و JavaScript لكليهما ، يمكنك تغيير مظهر SVGs ديناميكيًا. تعد الرسومات المتجهة القابلة للتحجيم مفيدة لمجموعة متنوعة من الأغراض. إنها سهلة التعلم ويمكن إنشاؤها باستخدام محرر رسومات لأنها تفاعلية ومتعددة الاستخدامات وسهلة الاستخدام. نظرًا لأن كل برنامج فريد من نوعه ، فإن له منحنى التعلم الخاص به. قبل اتخاذ قرار بشأن خطة مجانية أو مدفوعة ، انظر في العديد من الخيارات واختبرها.

أنت الآن بحاجة إلى إنشاء ملف SVG. يمكن استخدام أداة المسار عن طريق فتح ملف SVG في Illustrator وتحديده. في sva ، يمكنك سحب مسار حول الكائن الذي تريد إنشاءه. سيتم تحرير زر الماوس بمجرد الانتهاء من المسار. يتم الآن ضغط الملف وتسميته كـ a.svg. يمكن القيام بذلك عن طريق الذهاب إلى ملف. عند الحفظ باسم ، حدد تنسيق SVG من قائمة التنسيق المنسدلة. انقر فوق حفظ بعد إدخال اسم الملف. على الرغم من أنه تنسيق متعدد الاستخدامات ، إلا أنه لا يستخدم على نطاق واسع مثل التنسيقات التقليدية مثل PNG. نتيجة لذلك ، من غير المرجح أن تدعمها المتصفحات والأجهزة القديمة ، وليس من السهل دائمًا تحميلها على موقع الويب الخاص بك وعرضها بشكل صحيح. على الرغم من ذلك ، لا يزال تنسيق SVG شائعًا بين مصممي الويب نظرًا لقدرته على تحريك واستخدام الشفافية. بالإضافة إلى ذلك ، يمكن لمعظم برامج الرسوم المتجهية استيراد ملفات SVG ، مما يجعلها خيارًا ممتازًا لإنشاء رسومات مخصصة.

الأنواع المختلفة لملفات الصور: Svg و Png

Scalable Vector Graphics ، أو SVG باختصار ، هو تنسيق الملفات الأكثر شيوعًا المستخدم مع Cricut Design Space وبرامج آلة / تصميم أخرى. نظرًا للطبيعة القائمة على المتجهات لصور SVG ، يمكن تصغيرها أو تصغيرها دون فقدان الجودة. يتيح هذا البرنامج للمصممين إنشاء صور عالية الجودة للطباعة أو للاستخدام عبر الإنترنت.
تُستخدم الرسومات بتنسيق PNG لرسومات الشبكة المحمولة. إنه مستند إلى الصور النقطية ويمكن تحجيمه ليلائم مجموعة متنوعة من التنسيقات دون فقدان الجودة. يمكن للمصممين الذين يرغبون في إنشاء صور يمكن استخدامها عبر الإنترنت أو طباعتها بميزانية محدودة الاستفادة من هذه الخدمة.
نوع الصورة. الصور المتجهة ، وهي ملفات متجهة ، والصور النقطية ، وهي ملفات نقطية ، هي أنواع مختلفة من الصور. اعتمادًا على نوع الصورة ، يمكن استخدام تطبيقات مختلفة معهم.
يمكن إنشاء صور عالية الدقة باستخدام ملفات sva. نظرًا لإمكانية تصغيرها أو زيادتها ، تعد هذه المنتجات مثالية للطباعة لأنها لا تفقد الجودة بمرور الوقت. يعد استخدام صور PNG أيضًا طريقة جيدة لإنشاء صفحات الويب. يمكن تصغيرها أو زيادتها لتلبية متطلبات محددة ، مما يجعلها مثالية للاستخدام على شاشة صغيرة دون فقدان الجودة.

ما الذي يفتح ملف Svg؟

ملف svg هو ملف صورة رسومية متجهية. تم تطوير تنسيق الملف بواسطة W3C في عام 1999. وعادة ما يتم إنشاء ملف svg في برنامج رسم متجه مثل Adobe Illustrator أو Inkscape أو Sketch.

يشير المصطلح "Scalable Vector Graphics" إلى نوع من الرسومات. هذا ملف كمبيوتر يستخدم المعيار لعرض صورة. يمكن تصغير جودة هذه العناصر وحدتها أو زيادتها دون فقد أي شيء. نظرًا لإمكانية حدوثها بأي حجم ، فهي مستقلة تمامًا عن الدقة. التنسيق متاح بعدة طرق ، بما في ذلك ملفات VJPG ، ولكن يجب أن يكون لديك تطبيق خاص به. بالإضافة إلى Adobe Illustrator و Inkscape ، هناك العديد من البرامج المجانية التي تسمح لك بحفظ العمل الفني بتنسيق ملف sv. يمكنك أيضًا استخدام محول مجاني عبر الإنترنت مثل SVGtoPNG.com لتحويل SVL إلى تنسيق نقطي.

في السابق ، إذا كنت تريد إنشاء ملف svega ، كان عليك تشغيل برنامج آخر ، مثل Adobe Photoshop ، للقيام بذلك. من ناحية أخرى ، قدمت Microsoft ميزة تسمى Windows File Association كجزء من إصدار Windows 10. عند النقر نقرًا مزدوجًا فوق ملف ، يمكّنك Windows File Association من ربطه بنوع ملف واحد ، مما يسهل العثور على البرنامج المناسب وفتحه. هذه الميزة الجديدة مضمنة في Windows 10 ، الإصدار 1703 ، والإصدارات الأحدث.
عندما تقوم بإنشاء ملف SVG باستخدام محرر نصوص ، فلا داعي للقلق بشأن اقترانات ملفات Windows. يمكنك أيضًا إضافة أشكال أو مسارات أخرى ، مثل دائرة أو مستطيل أو قطع ناقص أو مسار بعد عنصر svg. يمكنك أيضًا رسم ملفات SVG ومعالجتها باستخدام مكتبات JavaScript المذكورة أعلاه.

كيفية تقليل حجم ملف Svgs

يمكن أن يكون ملف SVG كبير الحجم ، ولكن مع قليل من الممارسة ، يمكنك تحويله إلى ملفات JPEG تبدو جيدة على معظم الشاشات.

هل يمكن أن يكون لملفات Svg روابط؟

على غرار X HTML ، يمكنك الارتباط بمحتوى داخل مستند وموارد خارجية ، مثل مستندات SVG الأخرى أو مستندات HTML أو XML أو الصور أو مقاطع الفيديو أو أي نوع آخر من الموارد قد ترغب في استخدامه.

هل يمكنك تضمين أي نوع من الروابط مع ملف SVG الخاص بك؟ في 30 مايو 2022 الساعة 3:47 مساءً ، ستعلن الولايات المتحدة حالة الطوارئ. قد يكون هذا شيئًا يثير اهتمامك. يعرض هذا المصدر عناصر svg داخل علامة ربط ، والتي تشبه طريقة تضمين العلامات. سوف تكون قادرًا على رؤية الكثير مما يحدث إذا قمت بالنقر بزر الماوس الأيمن ثم تفحص هذا الملف.

Svg: التنسيق المثالي للصور والأيقونات الصغيرة

نظرًا لأنه يمكن أن يصل حجمه إلى 1 كيلوبايت ، يمكن استخدام ملف SVG لإنشاء صور أو رموز.
بالإضافة إلى الرسومات التفاعلية ، يمكن إنشاء صورة باستخدام SVG. من الممكن إنشاء أزرار وقوائم قابلة للنقر وأنواع أخرى من المحتوى باستخدام ملف SVG.
أخيرًا ، يمكن استخدام SVG لإنشاء شعارات وأيقونات. يمكنك جعل شعارك أو رمزك يبدو احترافيًا ، لكن حجم الملف لا يمثل مشكلة.

مثال على ارتباط Svg

مثال على ارتباط svg هو ربط ملف svg لشعار الشركة بموقعها على الويب. سيسمح ذلك بعرض شعار الشركة على موقع الويب الخاص بهم ، وسيكون وسيلة جيدة للترويج لعلامتهم التجارية.

URIs ، على عكس عناوين URL ، هي تنسيق أكثر عمومية. امتدادات URL هي أحرف من مجموعة الأحرف العالمية [UNICODE] التي تُستخدم للوصول إلى عنوان URL. تعيين URI من URLs إلى URIs هو وظيفة معينة في مواصفات URL. بدلاً من URIs ، يمكن استخدام عناوين URL لتحديد الموارد في مستندات XML. تُستخدم مراجع URL بشكل شائع للإشارة إلى كائنات أخرى مطلقة ونسبية. تستخدم معظم العناصر قيمة عنوان URL في سمة "href" لتحديد العلاقات الهيكلية بينها. يتكون نوع بيانات URL من سلسلة تحتوي على سمة نوع بيانات URL ، وهي غير قابلة للعرض.

عنوان URL صالح غير مطلوب لجعل مستند SVG غير متوافق. تتبع هذه المواصفات توجيه مواصفات عنوان URL في التأكد من أن أي قيمة هي مرجع عنوان URL ، لذلك حتى إذا كان من المستحيل على تطبيق التحقق من أن القيمة هي مرجع عنوان URL ، فهذا لا يعني أن القيمة هي مرجع URL. في تنسيق يمكن للبشر قراءته ، تُستخدم السمة "xlink: title" لوصف معنى ارتباط أو مصدر. يمكن الوصول إلى العنوان من قبل المستخدمين المعاقين بصريًا ، أو يمكن عرض نص تعليمات عندما يحوم مؤشر الماوس فوق مورد البداية. يجب إنشاء سمة "href" من مُنشئ SVG بدون مساحة اسم ، ويجب تجاهل سمة XLink. إذا كانت مراجع URL الخاصة بالمستند نفسه موجودة في المستندات الديناميكية ، فقد يرجع المرجع الذي لم يتم حله إلى نفس الموقع. يجب أن يحاول وكيل المستخدم مرة أخرى حل عنوان URL لتحديد موقع المورد المشار إليه.

يجب حساب النسخة المطلقة من عنوان URL إذا كان عنوان URL المرجعي نسبيًا. يجب عليك إنشاء عنوان URL مطلق باستخدام إحدى الطرق المدرجة أدناه. يجب معاملة عنوان URL الخاص بالجزء فقط في خاصية النمط كمرجع عنوان URL للمستند نفسه بغض النظر عن مكان إعلان الخاصية. لا يُسمح بمراجع الملفات الخارجية إذا تمت معالجة المستند الوجهة في وضع آمن ثابت أو متحرك آمن. قد تستفيد العناصر الأخرى ذات السمات "href" أيضًا من مواصفات SVG المستقبلية التي تسمح بمراجع SVG CORS. يجب أن يكون نموذج المستند الذي تم إنشاؤه لمرجع فرعي خارجي للقراءة فقط ولا يمكن تعديله. عندما يمكن إنشاء نموذج كائن مستند من الملف الذي تم جلبه ، يجب الاستمرار في معالجة عنوان URL كما هو موضح في تحديد العنصر الهدف وتحليله باعتباره المستند المرجعي في تحديد العنصر الهدف.

يمكن لوكيل المستخدم بدء عملية تحديد الهدف قبل إكمال تحليل المستند. يتم تعريف مواصفات الارتباط باستخدام XLink في SVG 1.1 ، بينما يتم دعم روابط HTML باستخدام سمات بديلة متوافقة مع XLink. يجب أن يتأكد وكيل المستخدم من أن جميع الروابط واضحة ويمكن تنشيطها بالضغط على اختصار لوحة المفاتيح. لا يمكن للمستخدمين المتداخلة الروابط. ' قد لا يكون للارتباط سمة href ؛ إذا كان العنصر "a" تابعًا لعنصر آخر ، فيجب على وكلاء المستخدم تجاهل السمة والتعامل معها على أنها غير نشطة. يمكن أن يكون المورد البعيد أي مصدر ويب (على سبيل المثال ، صورة أو مقطع فيديو أو مقطع صوتي أو برنامج أو مستند HTML أو عنصر في مستند حالي أو أي شيء آخر تمامًا). عندما ينقر المستخدم على رابط (بالضغط على زر الماوس ، أو كتابة اختصار لوحة المفاتيح ، أو التحدث بأمر صوتي) ، يجب على وكيل المستخدم محاولة جلب مستند المورد وعرضه أو إتاحته كتنزيل. يمكن استخدام الأنواع التالية من المعرفات لمعرّف الجزء: وفقًا لمواصفات نموذج كائن CSS (CSSOM) ، قد يحدث إلغاء عنوان URL مع معرّفات الأجزاء. كمثال ، يمكن حذف الفواصل المنقوطة كـ٪ 3B لتمكين إنشاء قائمة URL (مفصولة بفاصلة منقوطة).

Svg: دليل بسيط

XSL xmlns: xlink = http://www.w3.org/2000/xlink/xlink٪27 على الأقل ، أتمنى لكم كل التوفيق. للبدء ، احفظه على جهاز الكمبيوتر الخاص بك ثم قم بإنشاء SVG بسيط منه. هل هناك رمز لـ "rect x 10" في النص التالي: * rect x 10 ″ y 10 width 50 height 50 "I have to send you a private message. للوصول إلى الارتباط ، انقر هنا. يتوفر ارتباط نص تشعبي لـ Href = https: //www.w3.org/2000/svg/ [/ href] W3C / a في هذا العنصر.

استخدام Svg

SVG هو تنسيق رسومات متجهية. يمكن استخدامه لإنشاء رسومات ثابتة ومتحركة. يمكن استخدام الرسومات الثابتة للشعارات والرسوم التوضيحية والرموز. يمكن استخدام الرسومات المتحركة للألعاب والرسوم البيانية وتصورات البيانات.

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

صورة SVG

صورة SVG هي نوع من ملفات الصور يتم إنشاؤه باستخدام تنسيق Scalable Vector Graphics (SVG). عادةً ما تكون صور SVG أصغر حجمًا من أنواع ملفات الصور الأخرى ، مثل ملفات JPEG أو PNG. يمكن إنشاؤها وتحريرها باستخدام برامج تصميم الرسوم المتجهية ، مثل Adobe Illustrator أو Inkscape.

إذا كنت تريد تحويل ملف SVG إلى صورة نقطية ، فيجب عليك تضمين الصورة *. يؤدي تحويل الصورة إلى تنسيق نقطي إلى توفير الكثير من مساحة الملف غير الضرورية ويلغي الحاجة إلى صور نقطية عالية الجودة. يمكنك تسريع عملية تحويل SVG باختيار صورة لا تحتوي على الكثير من التفاصيل الصغيرة. سيكون اختيار صورة بخلفية بيضاء خيارًا أفضل.

علامة Svg في Html

تُستخدم علامة svg في html لإنشاء رسومات متجهة للويب. تحدد علامة svg حاوية لمحتوى svg. عنصر svg عبارة عن حاوية تحدد نظام إحداثي جديد ومنفذ عرض. يتم استخدامه لإنشاء رسومات يمكن تغيير حجمها إلى أحجام مختلفة دون فقدان الجودة.

كيف يمكنني استخدام Svg في Html؟

لتضمين SVG باستخدام عنصر img ، يجب عليك استخدام نفس عنوان URL كما تتوقع عادةً. بشكل عام ، يجب عليك تضمين سمة ارتفاع أو عرض (إذا لم يكن لـ SVG نسبة عرض إلى ارتفاع مضمنة). يمكن العثور على الصور بتنسيق HTML ؛ إذا لم تكن قد قمت بذلك بالفعل ، فالرجاء الانتقال هنا.

مزايا Svg

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

هل Svg Css أم Html؟

تختلف خصائص وقيم CSS عن قيم وقيم HTML و CSS3. خصائص HTML لها نفس خصائص خصائص CSS.

لماذا Svg هو أفضل تنسيق لإنشاء الصور

يتيح لك إنشاء الصور بتنسيق SVG تكبيرها بسرعة وسهولة دون فقدان الجودة. يمكن إعادة معايرة ملفات المتجهات ، على عكس ملفات النص العادي ، لتبقى بنفس الحجم بأي حجم ، مما يسمح بزيادة حجم الصور أو تصغيرها في الوقت الفعلي. من ناحية أخرى ، تم تصميم Scribbs للطباعة على الويب وليست مناسبة للطباعة على نطاق واسع. تعمل على مستوى أعلى إذا كانت صغيرة بما يكفي لتناسب شاشة كمبيوتر صغيرة. يمكن استخدام CSS لتصميم svgs ، مما يعني أنه يمكن تصميم الخصائص باستخدام سمات العرض التقديمي أو أوراق الأنماط. يقدم Scribb 2 مجموعة جديدة من سمات العرض التقديمي التي يمكن استخدامها كخصائص تصميم. يعد CSS خيارًا ممتازًا لإنشاء ملف svg للعرض التقديمي أو إضافة وظائف ؛ إنه أيضًا خيار رائع لإنشاء ملف svg للويب.