سبد (0)

تگ 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 پشتیبانی می کند.

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