تگ 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>
<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 پشتیبانی می کند.
- نوشته شده توسط سمیه فخری
- بازدید: 15302
