بوم html

بخش چهل و دوم-بوم html

[button color=”blue” size=”medium” link=”https://alooposhtiban.ir/html5-style-guide/” icon=”” target=”false”] قدم قبلی >[/button] [button color=”blue” size=”medium” link=”https://alooposhtiban.ir/html-svg/” icon=”” target=”false”]< قدم بعدی [/button]

بوم html

بوم html

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

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

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

HTML Canvas چیست؟

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

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

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

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

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

نمونه های بوم

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

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

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

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

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

 

[button color=”blue” size=”medium” link=”https://alooposhtiban.ir/html5-style-guide/” icon=”” target=”false”] گام قبلی >[/button] [button color=”blue” size=”medium” link=”https://alooposhtiban.ir/html-svg/” icon=”” target=”false”]< گام بعدی [/button]

مطالب مرتبط:

برترین کار آفرین های تاریخ جهان

برترین بانو های کارآفرین ایران

چگونه به کمک تکنیک‌ های CRM تبلیغات خود را بهینه کنیم؟

منبع: الو پشتیبان – ارائه دهنده:افزایش فروشافزونه رایگان وردپرسپشتیبان سایت

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.
برای ادامه، شما باید با قوانین موافقت کنید

فهرست