محرر SVG

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

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

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

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

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