مقالة مقدمة من wulin.com (www.vevb.com): المعرفة الأساسية لعناصر القماش في HTML5 وجمع المقالات.
تم تقديم العديد من الميزات الجديدة ، واحدة من أكثر الميزات إثارة هي عنصر القماش. يوفر HTML 5 Canvas طريقة لرسم الرسومات من خلال JavaScript ، وهو أمر سهل الاستخدام ولكنه قوي. كل عنصر من عناصر القماش لديه سياق (سياق) (فكر كصفحة على لوحة رسم) حيث يمكن رسم أي شكل. يدعم المتصفح سياقات قماش متعددة ويوفر قدرات رسم رسومية من خلال واجهات برمجة التطبيقات المختلفة. يوفر API قدرات رسم الرسومات.
نظرًا لأنه يمكن استخدام هذا العنصر لرسم الرسومات ، وتوليف الصور في صفحات HTML من خلال JavaScript ، وكذلك القيام ببعض الرسوم المتحركة البسيطة ، فقد جذبت بالتأكيد الكثير من الاهتمام من الصناعة. حاليًا ، لا تزال مواصفات HTML5 في مرحلة المسودة ، وقد يستغرق الأمر حتى عام 2010 لإصدارها رسميًا ، لكن العديد من المتصفحات قد دعمت بالفعل بعض مواصفات HTML5. حاليًا ، تشمل المستعرضات التي تدعم عناصر قماش Firefox3+، Safari4 ، Chrome 2.0+ ، وما إلى ذلك ، لذلك عند تشغيل الأمثلة على هذه الصفحة ، يرجى التأكد من أنك تستخدم أحد المتصفحات المذكورة أعلاه.
تدعم معظم المتصفحات سياقات القماش ثنائية الأبعاد - بما في ذلك الأوبرا والفلاروكس والكونيرور و Safari. بالإضافة إلى ذلك ، تدعم بعض إصدارات الأوبرا أيضًا قماشًا ثلاثي الأبعاد ، ويمكن لـ Firefox أيضًا دعم القماش ثلاثي الأبعاد من خلال المكونات الإضافية. يمكننا حتى استخدام علامة <Canvas> في IE وإنشاء قماش التوافق مع رمز JavaScript مفتوح المصدر (الذي بدأته Google) استنادًا إلى دعم VML الخاص بـ IE. يرى:.
جمع مقالات حول قماش HTML5 للاستخدام لاحقًا. تعليمي المعرفة الأساسية HTML5 Canvas Experience HTML5 Canvas لـ Internet Explorer (إلى أي مدى يدعم المتصفح HTML5؟)