تگ canvas در HTML

چاپ

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

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

<canvas id="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.0 9.0 2.0 3.1 9.0

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

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


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

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

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


خصوصیت ها

= جدید در HTML5.

خصوصیت مقدار توضیحات
height pixels مشخص کننده ارتفاع canvas
width pixels مشخص کننده عرض canvas

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

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


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

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