محرر مسارات SVG

يستضيف محرر مسارات SVG جميع أوامر مسارات SVG الشائعة لتمكين التعديل المتجه الكامل. تشمل هذه M/m (الانتقال إلى، تحديد النقطة البدء)، L/l (الخط إلى، خط مستقيم)، H/h (الخط الأفقي)، V/v (الخط العمودي)، C/c (بييز كوبيك)، S/s (بييز كوبيك ناعم)، Q/q (بييز ثنائي)، T/t (بييز ثنائي ناعم)، A/a (دائرة بيازية)، و Z/z (إغلاق المسار، الخط الذي يربط بالنقطة البدء). كل أوامر لها زر مخصص، لذا لم يعد المستخدم بحاجة إلى تذكر النطق الدقيق للجملة لإنشاء مسار معقد. هذا الدعم يضمن أن بيانات مسار SVG القياسية يمكن استخدامها من قبل المستخدم لإظهار أي شكل أو تصميم.

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

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

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

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