عرض svg عبر الإنترنت. كيف تفتح ملف SVG؟ الحزم المتخصصة لإنشاء رسومات SVG

لم يتعامل جميع المستخدمين مع الملفات التي لها امتداد svg. في كثير من الحالات ، يقوم جميعهم تقريبًا بحذف هذه الملفات دون تمييز ، دون التفكير في البرنامج الذي تم ربطه أولاً بملف SVG.

ستركز المقالة بالضبط على الأدوات التي تسمح لك بفتح ملف من أجل إجراء التحرير ، وبشكل عام ، ما إذا كنت بحاجة إلى القيام بذلك.

أمتداد الملف SVG؟

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

كيف تفتح ملفات SVG بشكل افتراضي؟

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

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

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

أدوات معالجة بيانات SVG

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

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

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

في المقال المقدم ، السؤال عن ماهية ملفات SVG. يتم النظر في الجوانب الرئيسية لمثل هذه المشكلة وطرق حلها المقترحة. هذه المعلومات قادرة على مساعدة العديد من المستخدمين المهتمين بهذه المشكلة.

SVG (Scalable Vector Graphics) هو ملف تم قياسه رسومات فيكتورقوية جدا ، مكتوبة بلغة ترميز XML. دعنا نكتشف بمساعدة أي منها حلول البرمجياتيمكنك عرض محتويات الكائنات بهذا الامتداد.

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

الطريقة 1: Gimp

بادئ ذي بدء ، دعنا نلقي نظرة على كيفية عرض رسومات التنسيق المدروس في محرر الرسومات المجاني Gimp.

الطريقة الثانية: Adobe Illustrator

البرنامج التالي الذي يمكنه عرض وتعديل الصور بالتنسيق المحدد هو Adobe Illustrator.

الطريقة الثالثة: XnView

سنبدأ في فحص عارضي الصور الذين يعملون بالتنسيق المدروس مع برنامج XnView.

هناك خيار آخر لعرض SVGs في XnView. يتم تنفيذه باستخدام المتصفح المدمج.

الطريقة الرابعة: IrfanView

عارض الصور التالي ، من خلال المثال الذي سننظر فيه في عرض نوع الصور المدروسة ، هو IrfanView. لعرض SVG في البرنامج المحدد ، يلزم أيضًا المكون الإضافي CAD Image DLL ، ولكن بخلاف XnView ، لم يتم تثبيته مبدئيًا في التطبيق المحدد.

يمكن مشاهدة الصورة في هذا البرنامج عن طريق سحب الملف من "إكسبلورر"في قذيفة IrfanView.

الطريقة الخامسة: رسم OpenOffice

يمكن لتطبيق Draw من مجموعة مكتب OpenOffice أيضًا عرض SVG.

يمكنك أيضًا عرض الصورة عن طريق سحب الملف وإفلاته في غلاف بدء تشغيل OpenOffice.

يمكنك أيضًا تشغيله من خلال Draw shell.

الطريقة 6: رسم LibreOffice

يدعم عرض رسومات المتجهات القابلة للتطوير ومنافس OpenOffice - جناح المكتب LibreOffice ، والذي يحتوي أيضًا على تطبيق لتحرير الصور يسمى Draw.

هناك طريقة أخرى للفتح وهي سحب الملف وإفلاته من مدير الملفاتإلى قذيفة بدء تشغيل LibreOffice.

أيضًا في LibreOffice ، كما هو الحال في حزمة البرامج السابقة التي وصفناها ، يمكنك عرض SVG من خلال Draw shell.

الطريقة 7: Opera

يمكن عرض SVG في عدد من المتصفحات ، أولها يسمى Opera.

الطريقة الثامنة: جوجل كروم

المتصفح التالي القادر على عرض SVG هو Google Chrome.

الطريقة 9: فيفالدي

Vivaldi هو متصفح الويب التالي لاستخدامه كمثال لعرض SVGs.

الطريقة العاشرة: Mozilla Firefox

دعنا نتعرف على كيفية عرض SVG في متصفح شائع آخر - Mozilla Firefox.

الطريقة 11: Maxthon

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

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

الطريقة الثانية عشر: Internet Explorer

لنأخذ في الاعتبار خيارات عرض SVG باستخدام مثال متصفح قياسي لأنظمة تشغيل Windows لنظام التشغيل Windows 8.1 شاملاً - Internet Explorer.

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

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

العمل مع ملفات SVG.

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

الوصف العام للامتداد

نوع من ملف SVG- اختصار لـ Scalable Vector Graphics ، أي رسومات موجهة قابلة للتحجيم. يتم استخدام لغات الترميز VML و PGML لوصف الصورة. في الحقيقة ، هو كذلك مستند نصيالذي يصف لكل شكل إحداثيات الرؤوس والخطوط التي تمر عبرها ، وكذلك ألوان العناصر المختلفة. تم إصدار الإصدار الأول من هذا التنسيق في عام 2001 ، ويتم الآن تطوير الإصدار الثاني بنشاط. أي أنها واعدة ومتطورة. تتمثل إحدى المزايا في حجم الملف الصغير ، حيث يمكن حفظ الرسومات المعقدة نوعًا ما. لذلك ، يتم الآن استخدام المزيد والمزيد من الرموز والرسوم التوضيحية والشعارات وعناصر أخرى من المواقع في هذا التنسيق ، وليس في الأشكال النقطية. هذا يسرع تحميل الموقع. تشمل الإمكانات الفريدة لتنسيق SVG التفاعل والرسوم المتحركة. الأول يسمح للصورة بالتفاعل مع إجراءات المستخدم ، على سبيل المثال ، عند النقر بالماوس أو حركة بعض العناصر. تسمح الرسوم المتحركة لسيناريوهات معقدة إلى حد ما. يتيح لك كل ذلك معًا إنشاء عناصر رسومية جميلة جدًا وحيوية للمواقع. يمكن حتى تضمينها بشكل منتظم الصور النقطيةبتنسيقات png و jpg وغيرها.

كيفية فتح ملف SVG

على الإنترنت ، يمكنك العثور على العديد من هذه الصور في مخزون الصور ، بما في ذلك الصور المجانية. يتم إنشاؤها في برامج تحرير الرسوم. أدوبي فوتوشوبو Illustrator و Corel Draw وبعض الآخرين. لكن السؤال الذي يطرح نفسه - كيفية فتح تنسيق SVG. بعد كل شيء ، لا تعرض أدوات Windows المضمنة الصور التي تحتوي عليها. على الرغم من أنه يمكنك تحرير SVG حتى في محرر نصوص ، على سبيل المثال ، في Notepad ، نظرًا لأنه مستند نصي ، فأنت بحاجة إلى معرفة كبيرة بلغات الترميز. يمكنك فتح ملف SVG إما في البرنامج الذي تم إنشاؤه فيه ، أو في بعض محررات الرسومات الأخرى التي تدعم هذا التنسيق. الأكثر شهرة:

بالطبع ، لا تقتصر قائمة البرامج الخاصة بالعمل مع الرسومات المتجهة على هذه الأسماء. هناك الكثير منهم ، بما في ذلك الأكثر شعبية محرر Adobeيمكن لبرنامج Photoshop حفظ الصور كمتجهات ولديه مكون إضافي لفتحها. لا تنسَ محرر الرسومات المتجهة الأكثر شيوعًا Corel Draw ، والذي يمكن تسميته الأكثر شيوعًا.

ماذا يمكن أن يسبب مشاكل مع الملف

عادي أدوات Windowsوالعديد من أنظمة التشغيل الأخرى ، لن يتم فتح ملفات SVG. لمشاهدة محتوياتها والمزيد لتعديلها ، تحتاج إلى تثبيت أي محرر رسومات يدعم هذا التنسيق.

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

ما هو تنسيق SVG وأين يتم استخدامه

تم تطويره في عام 2001 من قبل الكونسورتيوم شبكة الانترنت، فإن تنسيق SVG ليس مستندًا عاديًا. يعتمد على لغات الترميز VML و PGML ، أي أننا نتحدث ، في الواقع ، عن ملف نصي... عند القيام بذلك ، يفسر المحررون والمتصفحات SVG كصورة يمكن أن تكون إما ثابتة أو متحركة. باعتباره التنسيق الأكثر شيوعًا لتخزين الرسومات المتجهة ، يُستخدم SVG الآن على نطاق واسع لتخزين وتوزيع الصور المتجهية والمختلطة على الإنترنت.

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

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

أفضل المحررين للعمل مع ملفات SVG

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

أدوبي إليستريتور

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

بوكسي SVG

يمكنك أيضًا فتح صور SVG باستخدام تطبيق Boxy SVG الذي تم إنشاؤه خصيصًا للعمل بهذا التنسيق. يعد هذا المحرر أدنى من Adobe Illustrator من نواح كثيرة ، لكنك ستجد فيه جميع الأدوات الأساسية لإنشاء وتحرير صور SVG. يدعم التطبيق العمل مع الأشكال والكائنات ، واستيراد الخطوط والصور ذات التنسيقات الشائعة ، والعمل مع مكتبة Pixabay ، والعرض والتحرير مصدر الرمز SVG و CSS. يتوفر Boxy SVG كخدمة عبر الإنترنت وكتطبيق لنظام التشغيل Windows 10 و macOS و Chrome OS.

فكتور

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

إنكسكيب

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

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

كيفية فتح SVG على الإنترنت

إذا كنت بحاجة إلى محرر SVG عبر الإنترنت ، فاستخدم إصدارات الويب من Boxy SVG و Vectr و Inkscape. المجموعة الوظيفية لهذه الإصدارات هي عمليًا واحد لواحد ، كما هو الحال في إصدارات سطح المكتب. إنكسكيب ، على سبيل المثال ، يمكن إطلاقه من مشروع www.rollapp.com/app/inkscape.

إذا كنت تبحث عن شيء أبسط ، فجرّب Sketchpad ، وهو محرر متجه عبر الإنترنت متاح على sketch.io/sketchpad. تحتوي Sketchpad على أدوات مثل الفرش ، والخطوط ، والسهام ، والأوليات ، والقصاصات الفنية ، والقلم ، والتلوين ، و البخاخة ، والتعبئة ، إلخ. هناك عمل مع الطبقات واللوحة والتدرجات.

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

SVG إلى محولات PNG

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

من المؤلف:صور SVG ليست شائعة مثل الصور النقطية المفضلة لدينا تنسيقات PNGو JPG ، إلا أن فوائد الرسومات المتجهة تجذب المزيد والمزيد من المصممين. يستخدم المصممون بشكل متزايد رسومات المتجهات في مشاريعهم. في السابق ، كنا بحاجة إلى تنزيل تطبيقات سطح المكتب مثل Adobe Illustrator و Inkscape ، ولكن في عام 2017 يمكنك تصميم رسومات متجهة دون مغادرة متصفحك. إذا كنت تبحث عن محرر SVG مجاني ، فيمكنك البدء بهذه الأدوات الست المجانية.

فكتور

فكتور – اختيار موفقللمبتدئين ومستخدمي SVG المتقدمين. الواجهة أنيقة وليست مزدحمة بالعديد من الأدوات التي لن تستخدمها. المحرر مناسب تمامًا لأولئك الجدد على التوضيح النواقل. يجب ألا يضيع المستخدم بين الأدوات غير الواضحة لما يستخدم. تتضمن المجموعة عدة دروس. حتى لو كنت صفرًا تمامًا مع SVG ، فلديك القدرة على التعلم بسرعة.

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

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

جافا سكريبت. بداية سريعة

إذا كان في الإصدارات عبر الإنترنتلا توجد وظائف تحتاجها ، يمكنك تنزيل إصدار سطح المكتب من التطبيق. المحرر متاح لأنظمة Windows و Mac و Linux و Chromebooks.

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

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

تحقيقا لهذه الغاية ، أصدرت Vectr مؤخرا نسخة من المحرر في النموذج البرنامج المساعد لـ WP.

RollApp

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

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

إنكسكيب في أفضل حالاتها! يعد RollApp بلا شك التطبيق الأكثر ثراءً بالميزات في القائمة. أنت تستخدم حرفيا Inkscape في متصفحك! لم أقارن كل التفاصيل ، لكن هذا التطبيق يشبه جميع ميزات Incscape مثل الطبقات ، والكائنات ، والنص ، والمسارات ، والمرشحات ، والتأثيرات ، والإضافات ، وما إلى ذلك.

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

بوكسي

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

جافا سكريبت. بداية سريعة

تعلم أساسيات JavaScript في مثال عمليفي إنشاء تطبيق ويب

الأهم من ذلك ، منذ مراجعة Alex ، أضاف BoxySVG مفتش كود ، مما يجعله أحد أحدث أدوات SVG لمطوري الويب.

جانفاس

قبل بضع سنوات جانفاسكان محرر SVG مشهورًا جدًا. لسوء الحظ ، لم يتم تطوير هذا المحرر مؤخرًا ، لكنه لا يزال يعمل. تمضي الويب إلى الأمام ، و Janvas لا تزال قائمة ، لذا فقد تلاشى الاهتمام بها. عمل Alex من SitePoint مع هذه الأداة قليلاً في 2013-14 (بما في ذلك النسخة المدفوعة) وحتى الإجابة على الأسئلة لفترة من الوقت صفحة جوجل+. لقد كانت Janvas أداة قوية جدًا.

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

هناك أخبار جيدة - ستخرج نسخة جديدةكتطبيق Chrome. نأمل أن يحلوا المشاكل.

DrawSVG

ربما تكون قد اخترت بالفعل محرر SVG مجاني عبر الإنترنت. إذا لم يكن كذلك ، فانتقل. DrawSVG- محرر SVG متوافق تمامًا مع العديد من الميزات. يعجبني حقًا أن تصميم هذا التطبيق مصمم حقًا للويب ولا يبدو كمنفذ لتطبيق سطح المكتب لمتصفح. القائمة موجودة على اليسار ، انقر لفتح قائمة المستوى الثاني ، إلخ.

باستخدام DrawSVG ، يمكنك رسم الكائنات وتعديلها وتقديمها. يمكنك رسم أشكال بسيطة ، وهناك منحنيات بيزيير ، ونص مستقيم ومنحني ، والعديد من أنماط الحد والتعبئة ، إلخ. يمكن أيضًا تصدير SVG إلى PNG.

SVG- تحرير

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

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

باستخدام SVG-edit ، يمكنك رسم أشكال بسيطة (خطوط ، مستطيلات ، دوائر ، مضلعات ، خطوط حرة ، إلخ) ، واستخدام المسارات ، والطبقات ، والتدرجات اللونية ، ويمكنك عرض وتحرير مصادر SVG ، والتصدير إلى PNG ، و JPEG ، و BMP ، و WEBP ، إلخ.

استنتاج

بالإضافة إلى محرري SVG الستة هؤلاء ، هناك آخرون ، لكن القليل منهم يقدم وظائف أكثر من الخمسة الموضحة أعلاه.

إذا كنت تريد أن تكون جادًا بشأن SVG ، ولم يكن لهذه الأدوات الوظائف التي تحتاجها ، فيمكنك دائمًا تنزيل محرر SVG لسطح المكتب مثل Illustrator أو Inkscape. ومع ذلك ، من أجل السهولة والسرعة والمرونة ، يقدم جميع المحررين المذكورين أعلاه مجموعة مفيدةالمهام.

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