لقد كان برنامج Windows Paint مصاحبًا لجميع إصدارات Windows. يحتوي هذا البرنامج البسيط جدًا وعديم الفائدة تقريبًا على وظائف الرسم الأساسية وهو مناسب جدًا للرسم. كائن Canvas الخاص بـ HTML5 يجعل الرسم عبر الإنترنت ممكنًا على الرغم من أن HTML5 ليس ناضجًا بعد، إلا أن العديد من الأشخاص لا يمكنهم الانتظار لاستخدامه لتصميم بعض التطبيقات الرائعة.
CanvasPaint هو برنامج رسم قياسي لنظام Windows يعتمد على HTML5، وله نفس الواجهة والتشغيل مثل برنامج Windows Paint، ووظائفه متطابقة تقريبًا، وبدعم من متصفحات معينة، يمكنك حتى حفظ العمل النهائي على جهازك المحلي. هذا ليس مشروعًا حديثًا، بل كان موجودًا منذ عام 2006، لذا يمكن لمعظم المتصفحات الحالية التي تدعم المعايير (Firefox وSafari وChrome وOpera) استخدام هذا البرنامج بشكل طبيعي. فيما يلي بعض التوضيحات من المؤلف حول هذا المشروع.
لماذا تم تطوير هذا البرنامج؟
والغرض ليس تطوير برنامج رسم Windows، ولكن تجربة وظيفة Canvas الخاصة بـ HTML5.
كيفية استخدامه هي نفس برامج الرسم القياسية في Windows.
هل يمكن حفظها؟
نعم، ولكنه يدعم فقط Firefox 2 وOpera 9 (ملاحظة المترجم: هذا برنامج نفذه المؤلف في عام 2006). للحفظ محليًا، حدد تنزيل في قائمة ملف، ثم احفظ عبر الإنترنت، وحدد حفظ عبر الإنترنت، وسيتم إنشاء عنوان URL تلقائيًا لعرض عملك عبر الإنترنت.
تؤثر قائمة النقر بزر الماوس الأيمن في المتصفح نفسه على استخدام قائمة النقر بزر الماوس الأيمن. يمكنك تعطيل قائمة النقر بزر الماوس الأيمن في إعدادات المتصفح.
لماذا لا تتوفر بعض الوظائف؟
يتم دعم بعض الميزات في إصدارات متصفح محددة (ملاحظة المترجم: هذا اعتبارًا من عام 2006):
منتقي الألوانFirefox 2.0Opera 9 Flood fillOpera 9 حفظ الصورةFirefox 2.0Opera 9 فتح URLFirefox 1.5Opera 9Latest هل كائن WebKit Canvas سهل الاستخدام؟
رائع للتطبيقات التي لا تتطلب دعمًا عبر المستعرضات. لكن المشكلة الأكبر في الرسم هي أنه، بسبب محدودية معدل التحديث لحدث تحريك الماوس، ليس من السهل العثور على موضع المؤشر، خاصة عند استخدام البخاخة. أيضًا، عندما يصبح الحجم كبيرًا جدًا، يصبح بطيئًا جدًا ولا توجد وظيفة getPixel().
التفاصيل الفنية يتم استخدام خمسة كائنات Canvas في البرنامج.
لوحة فنية رئيسية، وطبقة لوح رسم شفافة تطفو بالأعلى لعرض محتوى لوحة المعاينة، ولوحة قماشية مخفية تستخدم لتخزين المحتوى المحدد مؤقتًا، وأخرى تستخدم للتخزين المؤقت لحالة التراجع، وواحدة تستخدم في شريط عنوان البرنامج لعرض ألوان متدرجة.
تجارب قماش HTML5 الأخرى
Canvascape 3D (تنفيذ لعبة إطلاق نار بسيطة من منظور الشخص الأول باستخدام HTML5)
CanvasGraph (مكتبة جافا سكريبت لرسم قماش HTML5)
انعكاسات الصور (تنفيذ انعكاسات الصور باستخدام HTML5 Canvas)
Canvas Painter (برنامج رسم قماشي أبسط)
برنامج رسم HTML مذهل حقًا إذا كان البرنامج المذكور أعلاه قد جعلك متحمسًا بشأن ميزة Canvas الخاصة بـ HTML5، فإليك برنامج رسم سيبهرك. فهو يتمتع بتجربة واجهة وسلاسة لا تقل عن تلك الموجودة على سطح المكتب. على جهاز كمبيوتر متعدد الشاشات، لدي الرغبة في سحب لوحات الأدوات العائمة إلى الشاشة الثانية.
-