جافا سكريبت مكتبة الرسم؟

أي اقتراح لمكتبة رسومات تفاعلية JavaScript؟ تحتاج فقط إلى رسم الخطوط والمضلعات والنصوص بألوان مختلفة. IE/Firefox/Opera/Safari متوافق.

0
وأضاف تحرير
الآراء: 1

10 إجابة

كما ذكر أعلاه ، قماش هو الطريقة التي يجب أن تذهب. لا يدعمها متصفح IE بشكل أصلي ، لذا ستحتاج إلى تنزيل ExCanvas لضمان التوافق عبر المتصفحات. أوصيك بالاطلاع على Ajaxian لبعض المشاريع التي تستخدم علامة canvas.

0
وأضاف

أيضًا mxGraph . هذا لا يستخدم excanvas لبرنامج IE. تكون Excanvas بطريقة أبطأ من استخدام VML ، على وجه التحديد ، إعادة استخدام نفس عقد VML بدلاً من حذف ، وإضافة عقد DOM لإعادة الرسم. غالبًا ما تكون هذه نقطة مهملة ، ولكن excanvas على أداء IE هو مجرد شيء فظيع.

0
وأضاف

Raphael is pretty cool for that, and works across browsers since it uses VML (for MSIE) and SVG (for everything else).

0
وأضاف
لا يدعم FF 2
وأضاف المؤلف user121196, مصدر
شكرا أكوام هذا يبدو رائع جدا. سوف تستخدم رافائيل.
وأضاف المؤلف John Ballinger, مصدر
اللعنة ، أنت ضربتني لكمة ؛)
وأضاف المؤلف Aeon, مصدر

يعتبر رسم النص باستخدام علامة canvas أمرًا مؤلمًا. تتمثل خياراتك في استخدام الأقسام المعتادة تمامًا في الأماكن المناسبة تمامًا ، أو العثور على/كتابة محرك تخطيط الخطوط ( مثال ) ، أو انتظر حتى يتم تطبيق معيار جديد يتيح لك رسم النص. SVG تتعامل مع هذا أفضل بكثير.

في IE لديك ExplorerCanvas لمحاكاة واجهة برمجة تطبيقات لوحة المفاتيح باستخدام ترميز VML الخاص بـ IE. ومع ذلك ، يمكن أن يقوم VML الأصلي بعمل نص على مسار وأشياء مثل SVG. أعتقد من الناحية النظرية إذا كنت تريد معالجة معقدة للنصوص ، فأنت بحاجة إلى SVG و VML مثل مكتبة Raphael التي ذكرها Dan.

يمكنك أيضًا التفكير في Flash للحظة قبل البدء.

0
وأضاف
في الواقع ، يدعم VML رسم النص أصلاً ، وتحتوي أحدث إصدارات ExplorerCanvas على طرق رسم النص التي أوصى بها WHATWG؛) explorercanvas .blogspot.com
وأضاف المؤلف Fabien Ménager, مصدر
فقط كتحديث. النص أقل بكثير من الألم الآن (2011) ، لقد كان جيدًا في العام الماضي. يدعم iOS4.1 + نصًا على اللوحات بشكل صحيح وأعرف أن نظام Android 2.1 أو إصدار أحدث. كان لدى Firefox/Safari/Chrome دائمًا دعم جيد لنصوص اللوحة ، كما يعمل IE9 + أيضًا نصًا في Canvas بشكل صحيح.
وأضاف المؤلف Gabe, مصدر

تحقق من المكوّن الإضافي "jQuery Drawing" ، ويمكنك أيضًا الاطلاع على Mozilla مرجع قماش و تعليمي .

0
وأضاف

يمكنك استخدام كائن لوحة الرسم مباشرة لرسم 2D. IE يتطلب مكتبة excanvas.

http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas

0
وأضاف
يبدو أن Raphael يمكنه فعل أكثر من مربعات وخطوط بسيطة .. raphaeljs.com
وأضاف المؤلف ina, مصدر
قماش هو الطريق للذهاب أكثر من بضعة مربعات أو خطوط تافهة. و excanvas يعمل بشكل جيد بشكل مدهش ، على الأقل على IE 7.
وأضاف المؤلف dgvid, مصدر
يعمل بشكل رائع مع IE6 أيضًا.
وأضاف المؤلف Prestaul, مصدر

يعد Processing.js الخاص بـ John Resig إطارًا جيدًا لذلك.

0
وأضاف
كيف تقارن processing.js مع رافائيل للرسومات الثابتة؟
وأضاف المؤلف ina, مصدر
يبدو أن IE مدعومة الآن (IE9)
وأضاف المؤلف yorjo, مصدر
للأسف تجهيز لا يدعم IE. هذا شيء من الشفقة ، يبدو رائعا رغم ذلك.
وأضاف المؤلف John Ballinger, مصدر

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

Canvas

0
وأضاف
0
وأضاف
عنوان url الجديد: c-point.com/javascript_vector_draw.htm
وأضاف المؤلف quantumpotato, مصدر
يبدو أن walterzorn.com لم يعد موجودًا. :(
وأضاف المؤلف Alex Black, مصدر
هذه الأشياء (الرسم عن طريق ترتيب عناصر HTML) لا تتوسع بشكل جيد ، لكنها تعمل بالتأكيد :)
وأضاف المؤلف Dan, مصدر
صحيح ... بالتأكيد لن تقوم ببناء نظام CAD بهذه الطريقة ، لكنه يمكنه عمل رسومات معقدة للغاية إذا ما تمسكت بهياكل وصور متعامدة (خطوط ، مستطيلات ، إلخ) وتوابلها قليلاً مع الصور. يتم إنشاء كيانات الرسم الأخرى مع عدة عناصر DIV لكل منها.
وأضاف المؤلف Steve Moyer, مصدر

D3.js

D3.js هي مكتبة جافا سكريبت لمعالجة المستندات استنادًا إلى   البيانات. يساعدك D3 في جعل البيانات تنبض بالحياة باستخدام HTML و SVG و CSS. وD3   التركيز على معايير الويب يمنحك قدرات كاملة من الحديث   المتصفحات دون ربط نفسك بإطار الملكية ، والجمع   مكونات التمثيل البصري القوية والنهج المستند إلى البيانات إلى DOM   التلاعب.

ألقِ نظرة على المناقشة جدا.

0
وأضاف