vue fabric editor

الإنجليزية | الصينية

محرر الصور مفتوح المصدر · بنية البرنامج المساعد · تصميم السحب والانسحاب · وظائف كاملة

تم تطوير محرر صور المكونات الإضافية استنادًا إلى Fabric.js و Vue ، والتي يمكنها تخصيص الخطوط والمواد وقوالب التصميم وقوائم النقر بزر الماوس الأيمن ومفاتيح الاختصار.

Demo · Document · Edition Demo · مقدمة الطبعة المدفوعة

مقدمة

تصميم الصور السريع ، Vue-Fabric-Editor هو محرر صور تم تطويره على أساس Fabric.js و Vue ، والذي يمكنه تخصيص الخطوط والمواد وقوالب التصميم وقوائم النقر بزر الماوس الأيمن ومفاتيح الاختصار.

مقدمة الرسوم المتحركة · مقدمة الفيديو

سمات

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

بالفعل وظائف

• استيراد ملفات JSON و PSD
• تصدير ملفات PNG ، SVG ، JSON
• مزيج/تقسيم الجمع
• وظيفة الطبقة
• خصائص التدرج
• سمات المظهر/سمات الخط/السكتات الدماغية/الظلال
• التراجع عن/إعادة
• مفتاح الاختصار
• انقر بزر الماوس الأيمن فوق القائمة
• خط مساعد
• حاكم
• الخطوط المخصصة
• مواد قالب مخصص
• أدخل SVG ، مادة الصورة
• متعددة العناصر الأفقية والرأسية
• إعدادات السمة الخلفية
• الأسهم/الخطوط
• فرشاة/رسم مضلع
• رمز الاستجابة السريعة/الرمز الشريطي
• استبدال الصورة/زراعة/مرشح
• العلامة المائية
• تدويل

يستخدم

يرجى تثبيت node.js v16 و pnpm أولاً ، ثم تنفيذ الأمر التالي:

 pnpm i
pnpm dev

خدمات المطورين

• مجموعة الاتصالات WeChat : لقد شكلنا مجموعات اتصالات متعددة في مشروع WeChat ، والمؤلفين ومحافظة المشروع نشطين في المجموعة والإجابة على الأسئلة بانتظام.
• Fabric.JS TURNIAL TURIPARY : https://blog.kuaitu.cc.
• كوكب المعرفة : تحديث طويل الأجل للمعلومات ذات الصلة حول محرري المصادر المفتوحة و Fabric.JS ، أفضل الممارسات ، ومشاركة تجربة التطوير ، وأمثلة رمز ، إلخ.

النسخة المدفوعة

تساعد الشركات في بناء أدوات التصميم عبر الإنترنت بسرعة ، وتقليل استثمار الشركات والتطوير ، وتجنب إنشاء العجلات المتكررة.

وظيفة مقدمة · مقدمة المنتج · التجريبي

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

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

دليل المساهمة

يلتزم المشروع بإنشاء تطبيق محرر صور ويب خارج الصندوق ، وفي الوقت نفسه ، يودع طبقة تغليف بين تطبيق محرر صورة الويب و Fabric.js. من المتوقع أن تكون طبقة التغليف مصممة للمطورين وتوفر واجهة أبسط ، بحيث يمكن للمطورين تطبيق تطوير تطبيق الصور بسهولة.

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

[إرسال الرمز والفوز في لعبة Razer Game Mouse]

المعلومات ذات الصلة

فيما يلي ملاحظاتي الفنية على المحرر في مجتمع Nuggets ، وسيكون هناك المزيد من التفاصيل:

1. استخدم Fabric.js لتطوير محرر صور بسرعة ،
2. تنفيذ مفصل لـ Fabric.JS Development Image Editor
3. ما هي الوظائف التي يمكن لـ Fabric.js تطوير محرر الصور للتنفيذ؟ صور متعددة
4. مشروعي مفتوح المصدر وخبرة مفتوحة المصدر
5. ما هي الوظائف التي يمكن أن تنفذها Canvas Library Fabrary.js؟ مقدمة صورة الرسوم المتحركة
6. Vue Open Source Image Editor
7. تبادل الخبرة الشخصية في تسويق مشاريع المصادر المفتوحة
8. بنية المكونات الإضافية لمحرر الصور

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

شكر وتقدير

• ليو مينغ الحاكم مؤلف وظيفة.
• مكون التدرج من محرر تصميم البلاط.

رعاية ودية

المسؤول

المساهمين

nihaojob	Qiu-jun	Wuchengguang1998	Alicelanniste	YLX252	liumingye
MOMO2019	بلان	Bigface2019	Wohuweixiya	ZJC2233	ijry
ماكينغ	Z09176141	A847244052	Briver0825	Skyscraperno1	Pengzhijian
جيانغشوق	هودينهوي	ddshiyu	Yehan68	Luke358	شياوزيو
X007XYZ	Wozhi-Cl	vvbear	Slarkerino	روليتر	موخيانغ
MacheteHot	liuyaojun	joyyy	جودا	nanfb	مملة
BAMZC	يانغزونجتاي	alicehhhmm	Fuqianxi	ichthoncosta	ليوكيتي

رخصة

مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.