رد فعل محرر SVG
لا تستخدم مكتبة SVG ، مبنية من الصفر
لأي ميزة طلب Ping Me على LinkedIn؟
اتبعني على LinkedIn لمشاريع أكثر إثارة للاهتمام
انقر هنا لزيارة الموقع
العرض التوضيحي
عن
- React SVG Editor هي أداة تصميم قوية تساعدك على إنشاء أي شيء: مواقع الويب والتطبيقات والشعارات وغير ذلك الكثير.
- يساعدك محرر React SVG المصمم على الويب ، على إنشاء تصميمات أفضل ومشاركتها واختبارها وشحنها من البداية إلى النهاية.
- سواء أكان ذلك يتم دمج الأدوات أو تبسيط سير العمل React SVG ، فإن عملية التصميم تجعل عملية التصميم أسرع وأكثر كفاءة وممتعة مع إبقاء الجميع على نفس الصفحة.
سمات
- الأدوات المتعددة المقدمة لتخطيطات التصميم.
- تم توفير التدرج المبدع لإنشاء واستخدام تدرجات جميلة داخل المشروع.
- جعلت Theming سهلة ، وحدد وحفظ الألوان في اللوحات واستخدامها في جميع أنحاء المشروع ، لم يعجبك لونًا ، وتغييره ، وسيتم تطبيقه تلقائيًا على جميع العناصر التي تم استخدامها فيها.
- أداة مثل بحث Clipart ، وتوضيح البحث أيضا.
- تحويل الأشكال بسهولة ، معالجة خصائص مختلفة مثل الارتفاع والعرض ولون الحدود ولون الخلفية وما إلى ذلك.
- أكثر من 8 مرشحات CSS المتاحة.
- قسّم المشاريع الكبيرة إلى أجزاء صغيرة ، وقم بتصميمها في صفحات منفصلة من المشروع.
- قم بتصدير مشروعك باسم SVG أو JSON.
- قم بتفسير ملف JSON مرة أخرى
- آثار مثل المخطط التفصيلي ، مربع الشادو المتاحة أيضا.
- يتم حفظ كل شيء محليًا ، لا تحتاج إلى الإنترنت للعمل
- يتم توفير مساعدي المؤشرات أيضًا للمساعدة في وضع شكلك في وضع مثالي.
كيفية استخدام
- انقر فوق إنشاء ملف جديد على الرأس
- حدد أداة
- انقر فوق قماش لإضافة شكل
- يحتوي الشريط الجانبي على اليمين على جميع الخصائص ، ويتعامل معها من هناك.
- بالنسبة لأشكال Multipoints مثل الخط ، والمضلع ، استخدم المسار انقر بزر الماوس الأيمن لإنهاء المسار.
- اضغط على مفتاح Ctrl واسحب الشكل إلى النطاق.
- اضغط على مفتاح Shift واسحب الشكل للتدوير.
- انقر على ملف ثم على الصفحات لإضافة المزيد من الصفحات.
- انقر على ملف ثم على حفظ لحفظ مشروعك.
- انقر على التدرج ، سيتم فتح أداة إنشاء التدرج لك.
- انقر على اللون ، لإضافة الألوان إلى لوحة.
- انقر على إدراج ، سيتم فتح أداة البحث عن قصاصات فنية.
ما كل الميزات التي تحصل عليها
- إن أكثر المشروع تعقيدًا الذي قمت به هو React SVG Editor ، إنه أداة تصميم SVG في المتصفح لديها العديد من حالات الاستخدام مثل مصمم الشعار ، و PPT ، وأداة تصميم UI/UX ، ومكونات في ثناياه عوامل للبحث والمفصوليات المستخدمة عبر مشاريعك وأدوات أخرى لإضافة تأثيرات مثل التدرجات والمرشحات والظلال وما إلى ذلك.
- ويشمل أشكالًا مثل الدائرة ، والمستطيل ، والهائل ، والنص ، والخط ، والخطي ، والمضلع ، والقلم الرصاص ، وما إلى ذلك ، يمكنك فقط فتح هذا التطبيق والبدء في تصميم ما تريد ، سيتم حفظ جميع التصميمات في قاعدة بيانات المتصفح المسمى INSEDDB.
- يمكنك أيضًا تجميع شكلين معًا ، وبالتالي إنشاء مكون مثل بطاقة المنتج وشريط التنقل والاقتباسات وما إلى ذلك وإعادة استخدامهما عبر تصميماتك ، لإضافة شكل المجموعة ، كان عليّ أن أبدأ المشروع مرة أخرى من نقطة الصفر التي كنت أستخدمها في التجارة الخطية عن طريق تخزين الأشكال في صفيف لتقديم الأشكال ، ولكن مع مجموعات لم يكن من الممكن تخزين العناصر في خريطة وجعلها تستخدمها في أول عرض للعبور.
- يمكنك أيضًا إضافة صفحات متعددة إلى مشروع التصميم الخاص بك وتشغيله لاحقًا مثل عرض Power Point. -يتم إجراء المشروع باستخدام React.js و Redux واللغة المستخدمة هي TypeScript.
