SourceCanvas

ارسم المخططات بالكود بسهولة

اكتب مخططات التدفق والتسلسل والفئات والحالات وER وGantt والجداول الزمنية والخرائط الذهنية بالكود وشاهد النتيجة بجانب المصدر. يجعل SourceCanvas الكتابة والتعلّم والحفظ وتصدير PNG/PDF أكثر هدوءًا.

  • اكتب وشاهد فورًا
  • تعلّم أنواع مخططات كثيرة
  • يعمل على Mac و iPad و iPhone و Apple Vision Pro
لقطة معاينة واسعة من SourceCanvas على Mac

الميزات الأساسية

من تعلّم نمط مخطط إلى إنهاء رسم توثيقي، تبقى مهام الرسم بالكود في مساحة عمل واحدة.

اكتب المخططات بالكود

أنشئ مخططات تدفق وتسلسل وفئات وGantt وخرائط ذهنية والمزيد بينما تظهر النتيجة بجانب المصدر.

تعلّم مخططات Mermaid

تساعد الأمثلة المقروءة على فهم العقد والروابط والمشاركين والجداول الزمنية ونطاقات المهام وبنية المخطط.

تغطية واسعة للمخططات

تعامل مع مخططات التدفق والبنية والتخطيط المعرفي والبيانات والمخططات المتخصصة.

فتح المصدر وحفظه

افتح ملفات .svg و .mmd و .mermaid واحفظ مصدر المخطط داخل المشاريع أو الوثائق.

تكبير وخلفيات وتصدير

استخدم التكبير بالإصبعين والخلفيات لفحص التفاصيل، ثم صدّر PNG 1x أو PNG 2x أو PNG 3x أو PDF.

طرق استخدام SourceCanvas

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

تعلّم من الأمثلة

ابدأ بمخططات التدفق والتسلسل وGantt والخرائط الذهنية، ثم عدّل المصدر لفهم بنية المخطط.

اكتب وشاهد النتيجة

ضع المصدر والمعاينة جنبًا إلى جنب لتفحص تغييرات العقد والروابط ونطاقات المهام والمجموعات فورًا.

ارسم عبر الأجهزة

يناسب Mac الكتابة بلوحة المفاتيح، ويناسب iPad وiPhone الفحص باللمس، وتناسب Apple Vision Pro عرض المخططات الكبيرة.

احفظ المصدر أو صدّر الصور

احفظ ملفات .mmd و .mermaid و .svg، أو صدّر PNG 1x و PNG 2x و PNG 3x و PDF.

مخططات Mermaid التي يمكنك كتابتها

يركز SourceCanvas على تحويل الكود المقروء إلى مخططات مفيدة. ابدأ بأسماء المخططات الشائعة ثم تعلّم أنماطًا أكثر حسب الحاجة.

التدفق والبنية

  • مخططات التدفق / الرسوم
  • مخططات التسلسل
  • مخططات الفئات
  • مخططات الحالات
  • مخططات ER
  • مخططات المتطلبات
  • مخططات C4 المعمارية

التخطيط والمعرفة

  • مخططات Gantt
  • رسوم Git
  • رحلات المستخدم
  • الجداول الزمنية
  • الخرائط الذهنية
  • لوحات كانبان
  • مخططات المعمارية
  • مخططات نمذجة الأحداث

البيانات والتحليل

  • المخططات الدائرية
  • المخططات الرباعية
  • مخططات XY
  • مخططات Sankey
  • مخططات الرادار
  • Treemaps
  • مخططات info

مخططات متخصصة

  • مخططات الحزم
  • مخططات الكتل
  • عرض الشجرة
  • مخططات Ishikawa
  • مخططات Venn
  • خرائط Wardley

قد تتطور بعض أنماط المخططات الجديدة مع الوقت؛ تعد مخططات التدفق والتسلسل وGantt والخرائط الذهنية بداية جيدة للتعلّم.

دليل الرسم بالكود

اكتب كود المخطط، اختر الوضع، افحص النتيجة، ثم احفظ أو صدّر خلال أربع خطوات. يمكن تبديل الخطوات أدناه.

اكتب كود المخطط أو افتح ملفًا محليًا

اكتب كود مخطط تدفق أو تسلسل أو Gantt أو خريطة ذهنية أو نوع آخر في المحرر. يمكنك أيضًا فتح ملفات .svg و .mmd و .mermaid مباشرة.

  • مناسب لتعلّم مخططات Mermaid من الأمثلة.
  • مناسب لصيانة مخططات التدفق والمعمارية داخل مشاريع الوثائق.
  • يدعم macOS السحب والإفلات، بينما تستخدم iOS و iPadOS و visionOS مدخل ملفات النظام.
لقطة مساحة عمل معاينة SVG في SourceCanvas
يغطي الدليل اللصق، فتح الملفات، تبديل الوضع، فحص التكبير، والتصدير.

المنصات المدعومة

يتكيف مسار المعاينة نفسه مع سطح المكتب والشاشات اللمسية والحوسبة المكانية، مع تخطيطات مناسبة لحجم الشاشة.

Mac: مساحة واسعة موجهة للوحة المفاتيح

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

لقطة معاينة واسعة من SourceCanvas على Mac

مصمم للرسم بالكود وتعلّم المخططات

يركز SourceCanvas على تحرير المخططات، تعلّم مخططات Mermaid، رسم مخططات التدفق، رسومات الوثائق، حفظ المصدر، وتصدير PNG/PDF.

محرر مخططات

اكتب مخططات تدفق وتسلسل وفئات وGantt وخرائط ذهنية وجداول زمنية بالكود وشاهد النتيجة مباشرة.

تعلّم Mermaid

ابدأ من أمثلة مقروءة وتعلّم العقد والروابط والتفرعات والمشاركين ونطاقات المهام وبنية المخطط.

كتابة الوثائق

حوّل تدفقات المنتج وتصميم النظام وخطط المشروع وبنى المعرفة إلى مصدر مخطط قابل للصيانة.

SVG والمواد المرئية

احتفظ بترميز SVG والأيقونات والرسوم وفحص المتجهات بجانب سير عمل المخططات.

تصدير PNG/PDF

صدّر المخططات النهائية كـ PNG 1x و2x و3x أو PDF للوثائق والمراجعات والدروس والأرشفة.

الأسئلة الشائعة

إجابات سريعة حول SVG و Mermaid وتنسيقات الملفات والخصوصية والتصدير.

هل SourceCanvas مجاني؟

يعرض هذا الموقع قدرات أداة المعاينة المحلية الخفيفة. يجب التحقق من السعر والتوفر الفعليين على صفحة App Store.

هل يرفع SourceCanvas ملفاتي؟

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

ما تنسيقات الملفات المدعومة؟

يمكن لصق SVG ومصدر Mermaid وكتل Mermaid داخل Markdown، كما يمكن فتح ملفات .svg و .mmd و .mermaid.

لماذا يمكن تغيير خلفيات Mermaid؟

تستخدم الوثائق والتصاميم خلفيات مختلفة. تساعد الخلفيات الشفافة والبيضاء والورقية والضبابية والداكنة على اكتشاف مشكلات التباين والحواف مبكرًا.

متى أستخدم تصدير PNG أو PDF؟

PNG مناسب للوثائق والمهام وأدوات الدردشة. PDF أفضل للأرشفة والمراجعات ومسارات الوثائق التي تحتاج إلى الحفاظ على المتجهات.

ما الجديد في حفظ وتصدير iOS؟

يفتح حفظ المصدر لوحة ملفات النظام. تظهر خيارات التصدير باسم PNG 1x و PNG 2x و PNG 3x و PDF لتوضيح مقياس الإخراج.

هل يناسب الفرق؟

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