تگ <canvas></canvas> در html - وب سایت PNLdev

یک نمونه ساده از تگ <canvas>:

<canvas id="myCanvas">Your browser does not support the canvas tag.</canvas>

آزمایشگاه

تعریف و کاربرد

تگ <canvas> برای ترسیم اشکال گرافیکی است، که حتما باید از یک زبان اسکریپت نویسی (جاوا اسکریپت) برای آن استفاده کرد.

در حال حاضر رایج ترین زبان اسکریپت نویسی برای اسناد HTML زبان جاوا اسکریپت می باشد. که معمولا برای تگ <canvas> نیز از آن استفاده می شود.

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

نکته: تگ <canvas>، شفاف (transparent) است.

#	کروم	ادج	فایرفاکس	سافاری	اپرا
<canvas>

ویژگی ها	مقادیر	توضیحات
height	pixels	ارتفاع تگ های مربوطه در سمت راست را تعیین می کند.
width	pixels	عرض عناصر مربوطه در سمت راست را تعیین می کند.

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

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

بیشتر مرورگر ها تگ <canvas> را با استایل پیشفرض زیر نمایش می دهند:

canvas {
    height: 150px;
    width: 300px;
}