HTML جاسازی‌شده

تگ canvas

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

سینتکس

<canvas id="..." width="..." height="..."> متن جایگزین </canvas>

مثال کاربردی

<canvas id="chart" width="400" height="200">
  مرورگر شما از Canvas پشتیبانی نمی‌کند.
</canvas>

ویژگی‌های (Attributes) مهم

width عرض بوم بر حسب پیکسل؛ پیش‌فرض ۳۰۰
height ارتفاع بوم بر حسب پیکسل؛ پیش‌فرض ۱۵۰
id شناسه یکتا؛ برای دسترسی به بوم در جاوااسکریپت لازم است
class کلاس CSS برای استایل‌دهی