%45 تخفیف، با کد Ghadir روی تمام آموزش ها، بمناسبت عید قربان تا غدیر
زمان باقی مانده (تمدید شد)

تگ canvas در HTML

مثال (تگ canvas در HTML)

رسم یک مربع قرمز شناور از طریق تگ<canvas> :

<canvasid="myCanvas"></canvas>

<script>
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,80);
</script>

خودتان امتحان کنید »

تعریف و کاربرد تگ canvas در HTML

تگ <canvas> به منظور رسم گرافیک های شناورکه از طریق برنامه نویسی (معمولا زبان JavaScript) به کار می رود.

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


پشتیبانی مرورگرها از تگ canvas در HTML

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

عنصر     
<canvas>4.09.02.03.19.0

تفاوت بین HTML 4.01 و HTML5

تگ <canvas> یک تگ جدید در HTML5 است.


نکته ها و ترفندها

نکته: هر گونه متن داخل تگ <canvas> در مرورگر هایی که از آن پشتیبانی نمی کنند نمایش داده می شود.

نکته: جهت مشاهده مرجع کامل خواص و روش های قابل استفاده با canvas می توانید رجوع کنید به:آموزش HTML5-عنصر canvas 


خصوصیت ها

= جدید در HTML5.

خصوصیتمقدارتوضیحات
heightpixelsمشخص کننده ارتفاع canvas
widthpixelsمشخص کننده عرض canvas

ویژگی های عمومی تگ canvas در HTML

تگ <canvas> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ canvas در HTML

تگ <canvas> از رویدادهای عمومی در HTML پشتیبانی می کند.

تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان