DrawerJs تنزيل - تنزيل رمز المصدر DrawerJs

DrawerJs

موارد أخرى

1.0.0

تنزيل

درج

DriverJs عبارة عن عنصر واجهة مستخدم HTML5 يسمح بالرسم والكتابة على عناصر قماشية HTML5. الأجهزة المحمولة مدعومة بالكامل.

إنه محرر Canvas القابل للتخصيص WysiWyg HTML للرسم الحر وإنشاء رسومات بأشكال بسيطة.

ما هو الدرج؟ كيف يمكنني استخدامه؟

ستجد هنا المزيد من المعلومات حول الميزات والأسئلة الشائعة القصيرة: DrawerJs

وهنا ستجد بعض الأمثلة ويمكنك اختباره على الهواء مباشرة: درج على github

ستجد هنا وثائق مفصلة حول الاستخدام وتكوينه: DrawerJS-Docs

ملاحظات الإصدار

فيما يلي ملاحظات الإصدار للنشر منذ عام 2015: ملاحظات الإفراج عن الدرج

يساهم؟

إذا كنت ترغب في المساهمة أو مجرد المساعدة في العلاقات العامة ، يرجى الاتصال بي!

هل تعرف مكتبة جافا سكريبت الأخرى؟

تحقق من تصوير التحميل الخاص بنا!

الوثائق:

إصدارات التوزيع

خيارات التكوين

إعداد بيئة التنمية

ملفات التعليمات البرمجية المصدر وإنشاء نظرة عامة على النظام

نظرة عامة على الهندسة المعمارية لمصدر المصدر

إصدارات البرنامج المساعد

يوزع هذا البرنامج المساعد في نسختين:

مكون محرر Redactor Plugin

يمكن تضمين الصفحة على النحو التالي:

 <link rel="stylesheet" href="dist/drawerJs.css"/>

<script src="dist/drawerJs.redactor.js"></script>

<!-- or minified version: -->

<script src="dist/drawerJs.redactor.min.js"></script>

للحصول على معلومات حول كيفية بناء كل شيء إلى مجلد dist ، يرجى الاطلاع

ثم يمكن توفير اسم drawer إلى تكوين Redactor في قسم plugins :

 $('.redactor').redactor({
    buttons: [
        'bold',
        'html',
        'image'
    ],
    plugins: [
        'video',
        'drawer', // << here we specify that redactor should load this plugin
        'opensave',
        'contexttoolbar'
    ],
    drawer: {
        // drawer config section here
        activeColor: '#19A6FD' // default drawing color
    }
});

على سبيل المثال ، يرجى الاطلاع على المجلد demo .

لمزيد من المعلومات حول قسم تكوين الدرج ، يرجى الاطلاع على التكوين

نسخة مستقلة

يمكن تضمين الصفحة على النحو التالي:

 <link rel="stylesheet" href="dist/drawerJs.css"/>

<script src="dist/drawerJs.standalone.js"></script>

<!-- or minified version: -->

<script src="dist/drawerJs.standalone.min.js"></script>

للحصول على معلومات حول كيفية بناء كل شيء إلى مجلد dist ، يرجى الاطلاع

ثم يمكن إلحاق الدرج بأي حاوية HTML مثل هذا:

 var canvas = new DrawerJs.Drawer(null, {
    // drawer config section here
    activeColor: '#19A6FD' // default drawing color
}, 600, 600); // height and width of drawer will be 600x600

$('#some_id').append(canvas.getHtml());
canvas.onInsert();

حيث #some_id هو أي معرف عنصر DOM.

على سبيل المثال ، يرجى الاطلاع على examples/standalone .

لمزيد من المعلومات حول قسم تكوين الدرج ، يرجى الاطلاع على التكوين