قدم قبلی >< قدم بعدی

بوم html

بوم html

در این آموزش html  به معرفی بوم html می پردازیم.

عنصر  <canvas> برای رسم گرافیک در یک صفحه وب استفاده می شود.

گرافیک به سمت چپ با <canvas> ایجاد می شود. این چهار عنصر را نشان می دهد: یک مستطیل قرمز، یک مستطیل شیب، یک مستطیل چند رنگ و یک متن رنگی.

HTML Canvas چیست؟

عنصر  <canvas> برای رسم گرافیک، بر روی پرواز، از طریق جاوا اسکریپت استفاده می شود.

عنصر <canvas> فقط یک ظرف برای گرافیک است. شما باید از جاوا اسکریپت برای رسم گرافیک استفاده کنید.

نقاشی دارای چندین روش برای رسم مسیرها، جعبه ها، حلقه ها، متن ها و اضافه کردن تصاویر است.

پشتیبانی مرورگر

اعداد در جدول اول نسخه اول مرورگر را مشخص می کند که به طور کامل از عنصر <canvas> پشتیبانی می کند.

نمونه های بوم

یک بوم یک منطقه مستطیلی در یک صفحه HTML است. به طور پیشفرض یک بوم دارای مرز و هیچ محتوایی نیست.

نشانه گذاری به نظر می رسد به شرح زیر است:

توجه: همیشه مشخصه id (برای اشاره به یک اسکریپت) و یک ویژگی width و height برای تعیین اندازه بوم را مشخص کنید. برای اضافه کردن یک مرز از ویژگی سبک استفاده کنید.

رسم گرادیان خطی

رسم گرادیان خطی دایره ی

 

گام قبلی >< گام بعدی