رسم على رأس صورة في جافا سكريبت

Question

وأنا أريد أن أترك رسم المستخدم على صورة في المتصفح. وبعبارة أخرى، ولست بحاجة <م> على حد سواء الرسومات نقطي وقدرات رسم، سواء الموجه أو نقطي.

وقماش تبدو جيدة، ولكن غير معتمد من قبل IE، وعلى الرغم من وجود ExCanvas، وأنا أتساءل عما إذا كان ExCanvas غير مستقرة بما يكفي للاستخدام المستمر في IE6 إلى 8.

وأو الأفضل من ذلك كله، هناك صورة مفتوحة المصدر / رسم مكتبة يدعم كل هذا من خارج منطقة الجزاء؟ لقد وجدت اثنين من اثنتي عشرة أو حتى على شبكة الإنترنت برامج تحرير الصور أو أدوات الرسم، ولكن أيا دعم المتطلبات. (وأود أن تجنب فلاش / فليكس / سيلفرلايت / سكريبت).

Answer 1

وعلى الرغم من قلته كنت ترغب في تجنب ذلك أنا أقترح فلاش. هل يمكن بسهولة استخدام فلاش 6 أو 7 وهذه لها> 90٪ معدل التبني. سأشعر بالدهشة إذا كنت تستطيع الحصول على هذا المستوى من الدعم مع جافا سكريبت. فلاش هو حقا الكتابة مرة واحدة تشغيلها في أي مكان، والتي سوف خفض الوقت اللازم لتطوير الخاص بك.

Answer 2

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

Answer 3

وتحقق من دوجو س

http://dojotoolkit.org/projects/dojox

Answer 4

dojox.gfx . ومن عبر متصفح (SVG / VML / قماش / سيلفرلايت) ويبدو أنه يناسب مشروع القانون. يمكنك تحميل البرنامج من الرئيسية دوجو الموقع . يمكنك محاولة تجاربها noreferrer"> العروض . تحذير: هذا الأخير اثنين من وصلات سيكون بطيئا لأنه كان موجها رمز لتصحيح المشاكل، لا للسرعة (وليس الحد الأدنى، وليس جنبا إلى جنب، وليس مضغوط، وخدم من خادم ملف)

Answer 5

وكنت قد تكون قادرة على القيام بذلك مع VML

http://en.wikipedia.org/wiki/Vector_Markup_Language

Answer 6

وهذه هي مكتبة ذكية جدا وتوسعية للغاية أن جئت عبر فترة من الوقت مرة أخرى: JS-الرسومات

Answer 7

وكنت أضيف قليلا إلى الإجابة كيرون؛ و موقع المياه سورن لديه مجموعة ناقلات الرسومات جدا ظهرت بشكل جيد. لقد استعملت في تطبيق كبير ومتكامل بشكل جميل مع .NET وجهة جافا سكريبت مكتوب. أود أيضا أن تستخدم له السحب والإسقاط API لتسهيل سحب عناصر أتش تي أم أل.