HTML قماش تعليمي

وHTML <canvas> يستخدم عنصر لرسم الرسومات على صفحة ويب.

يتم إنشاء الرسم إلى اليسار مع <canvas> . هذا يظهر أربعة عناصر: مستطيل أحمر، مستطيل الانحدار، مستطيل متعدد الألوان، والنص متعدد الألوان.

ما هو HTML قماش؟

وHTML <canvas> يستخدم عنصر لرسم الرسومات، على الطاير، عن طريق البرمجة (usually JavaScript) .

و <canvas> العنصر فقط وعاء للرسومات. يجب عليك استخدام برنامج نصي لرسم الواقع الرسومات.

قماش لديها عدة طرق لرسم مسارات، وصناديق، والدوائر، والنص، وإضافة الصور.

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل <canvas> العنصر.

العنصر
<canvas>	4.0	تسعة	2.0	3.1	تسعة

قماش يمكن رسم النص الملونة، مع أو بدون رسوم المتحركة.

قماش لديها ميزات كبيرة لعرض البيانات الرسومية مع الصور من الرسوم البيانية والرسوم البيانية.

يمكن أن الأجسام قماش تتحرك. كل شيء ممكن: من كرات كذاب بسيطة لحركات معقدة.

قماش يمكن أن تستجيب لأحداث جافا سكريبت.

قماش يمكن الرد على أي عمل المستخدم (النقرات الرئيسية، نقرات الماوس، نقرات زر، حركة الإصبع).

طرق قماش "لالمتحركة، وتوفر الكثير من الإمكانيات لتطبيقات الألعاب HTML.

في HTML، و <canvas> العنصر يبدو مثل هذا:

و <canvas> يجب أن يكون عنصر سمة معرف لذلك يمكن الإشارة إليها جافا سكريبت.

العرض والارتفاع سمة ضرورية لتحديد حجم اللوحة.

Tip: هل يمكن أن يكون متعددة <canvas> العناصر على صفحة HTML واحدة.

افتراضيا، <canvas> عنصر ليس له حدود وليس المحتوى.

لإضافة الحدود، استخدام سمة نمط:

تظهر الفصول التالية كيفية رسم على القماش.