تقدم هذه المقالة بشكل أساسي برنامجًا تعليميًا حول استخدام قماش في HTML5 لرسم وجه مبتسم. استخدام قماش للرسم هو وظيفة أساسية في HTML5. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها
اليوم ، سوف تتعلم تقنية ويب تسمى Canvas وارتباطها بنموذج كائن المستند (غالبًا ما يسمى DOM). هذه التقنية قوية للغاية لأنها تمكن مطوري الويب من الوصول إلى عناصر HTML وتعديلها باستخدام JavaScript.
الآن قد تتساءل لماذا نحتاج إلى استخدام JavaScript Drecastic. باختصار ، تكون HTML و JavaScript مترابطة ، ولا يمكن استخدام بعض مكونات HTML ، مثل عناصر القماش ، بمفردها من JavaScript. بعد كل شيء ، إذا لم نتمكن من الرسم عليه ، فما الذي يمكن أن تفعله قماش؟
لفهم هذا المفهوم بشكل أفضل ، سنحاول رسم وجه مبتسم بسيط بمشروع عينة. لنبدأ.
يبدأ
قم أولاً بإنشاء دليل جديد لحفظ ملفات المشروع الخاصة بك ، ثم افتح محرر النصوص المفضل لديك أو أداة تطوير الويب. بمجرد القيام بذلك ، يجب عليك إنشاء فهرس فارغ. html و script.js فارغة ، وبعد ذلك سنستمر في التحرير.
بعد ذلك ، دعنا نقوم بتعديل ملف index.html ، والذي لن يتضمن الكثير من الأشياء ، لأنه سيتم كتابة معظم الكود في مشروعنا في JavaScript. ما يتعين علينا القيام به في HTML هو إنشاء عنصر قماش و script.js المرجعية ، وهو أمر واضح تمامًا:
XML/HTML رمز نسخ المحتوى إلى الحافظة