logo_light
logo_light
logo_light
logo_light
  • مقالات‎
  • كتب‎
  • دورات‎
  • قوالب‎
  • تصاميم‎
  • إنشاء موقع‎

الرسومات عن طريق Canvas فى HTML5

الرئيسية » Chapter » الرسومات عن طريق Canvas فى HTML5

تابعنا
جميع دروس دورة تعلم HTML5
  • مقدمة عن HTML5
  • نظرة عامة على HTML5
  • كيفية كتابة كود HTML5
  • الاحداث events فى HTML
  • الحقول Forms فى HTML5
  • الرسوم عن طريق SVG فى HTML5
  • الرسومات عن طريق Canvas فى HTML5
القائمة البريدية
خدامات مطور

استفيد من خدماتنا

لا تردد فى طلب خدمتنا لانشاء موقعك الاحترافى
تواصل معنا

من الخواص الجديدة والقوية فى HTML والتى تمكن المصصمين من انشاء الرسومات التوضحية.

اولًا علينا كتابة الكود الخاص بالعنصر canvas فى HTML وهو عنصر له خاصتين الارتفاع height و العرض width.

وله الخواص الاخرى العادية مثل class و id و style وهى خواص عامة لاي عنصر فى HTML وليست لهذه العنصر فقط.

See the Pen canvas element by amrelarabi (@amrelarabi) on CodePen.

نلاحظ فى المثال اننا اعطينا style الخاص بالخط الخارجى للعنصر Canvas وهو border ونلاحظ ايضًا ان هذه القيم تحدد فقط الشكل العام للعنصر Canvas ولكن عملية الرسم الفعلية لا تتم فى CSS وانما فى Javascript كما سنرى فى المثال التالى.

رسم خط بسيط عن طريق Canvas

See the Pen simple line canvas by amrelarabi (@amrelarabi) on CodePen.

تابع للمزيد من الامثلة على Canvas

لا تنسى الاشترك فى القائمة البريدية ليصلك كل جديد

1 2
عمرو العربى
2
Prev Postالرسوم عن طريق SVG فى HTML5مارس 24, 2018
Next Postمقدمة للغة PHPمارس 28, 20182
افضل الخصومات من استضافة بلوهوست 🔥
logo_light
نقدم لكم كل مفيد فى البرمجة وانشاء وإدارة المواقع من مقالات ودروس وكتب وغيرها الكثير
راوبط مهمة
  • سياسة الخصوصية
  • تواصل معنا
  • شارك بمقالة
  • إنشاء موقع
التصنيفات
  • مفاهيم تقنية
  • تطوير ويب
  • تصميم ويب
  • وردبرس
  • برمجة
  • خوارزميات
  • عمل حر
  • لغات برمجة
  • قواعد بيانات
  • هندسىة برمجيات
اخر التعليقات
  • chenine على الفرق بين post و get فى PHP
  • انفال على ماهى الخوارزميات فى البرمجة وامثلة عليها
  • Mestapha على اهمية الموقع الشخصى للمبرمجين او المصممين للحصول على عملاء او وظيفة ثابتة
  • ما يهك على ما هو الفرق بين HTML , HTML5 ؟ وما الجديد فى HTML5 ؟
جميع الحقوق محفوظة لمطور © 2021.