تقدم هذه المقالة بشكل أساسي استخدام HTML5 النقي لكتابة رمز مشاركة الساعات على صفحة ويب. البرنامج بسيط للغاية وليس لديه عرض رقمي على مدار الساعة. يعكس بحتة أفكار التصميم الأساسية. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها.
ما تحتاج إلى معرفته:
علامة القماش هي مجرد حاوية رسم بياني وعليك استخدام برنامج نصي لرسم الرسم البياني. الحجم الافتراضي: 300 بكسل واسع و 150 بكسل.
تقوم طريقة getContext () بإرجاع كائن يوفر أساليب وخصائص للرسم على قماش. - احصل على كائن السياق.
GetContext (2D) خصائص الكائن والأساليب التي يمكن استخدامها لرسم النص والخطوط والمستطيلات والدوائر والمزيد على القماش.
FillRect (L ، T ، W ، H): اللون الافتراضي هو strokerrece الأسود (L ، T ، W ، H): مربع مع الحدود. افتراضي واحد بكسل الحدود السوداء
تستدعي طريقة setInterval () وظيفة أو تحسب تعبيرًا وفقًا للفترة المحددة (بالميلي ثانية).
BeginPath (): يحدد المسار للبدء في الرسم ، والذي يحدد النقطة الحالية إلى (0،0). عندما يتم إنشاء بيئة قماش أولاً ، BeginPath ()
تسمى الطرق بشكل صريح.
Closepath (): مسار الرسم النهائي (توصيل نقطة البداية ونقطة النهاية)
ارسم دائرة:
ARC (X ، Y ، نصف قطرها ، بدء راديان ، نهاية راديان ، اتجاه الدوران)
x ، y: وضع البداية
العلاقة بين Radian و Angle: Radian = Angle *Math.PI/180
اتجاه الدوران: في اتجاه عقارب الساعة (الافتراضي: خطأ ، عكس اتجاه عقارب الساعة: صحيح)
شفرة:
XML/HTML رمز نسخ المحتوى إلى الحافظة