داغ ترین ویدیو بابلز لرن : هک کلاس های مجازی توسط متین برونسی

ویژگی تصویر

تگ canvas در HTML

  /  فرانت اند   /  HTML   /  تگ canvas در HTML
بنر تبلیغاتی الف

با استفاده از تگ canvas در HTML می توان اشکال هندسی را رسم کرد، معمولاً این اشکال هندسی توسط اسکریپت های Javascript نوشته می شود.

مثال

تماشا در حالت تمام صفحه


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

از تگ canvas در HTML برای ترسیم اشکال گرافیکی که با اسکریپت نویسی طراحی می شوند (معمولاً توسط Javascript) استفاده می شود.

عنصر canvas همچون ظرفی برای نگهداری اشکال گرافیکی هست و به تنهایی ظاهر خاصی ندارد، برای ایجاد اشکال گرافیکی باید توسط Javascript طرح را اسکریپت نویسی کنید.

تمامی متن هایی که درون تگ canvas قرار دارد در صورتی که javascript مرورگر کاربر غیر فعال باشد یا اینکه مرورگر کاربر تگ <canvas> را پشتیبانی نکند به نمایش در خواهد آمد.


پشتیبانی مرورگر ها

اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.

عنصر
<canvas>بلهبلهبلهبلهبله

خواص (attributes)


این قسمت/بخشی از محتوا مخفی شده است و فقط برای اعضای وب سایت قابل مشاهده می باشد، لطفاً با حساب کاربری وارد شوید.


خواص عمومی

تگ canvas از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

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

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر canvas در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

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

مثال های بیشتر

مثال زیر را در عنصر canvas در HTML به صورت آنلاین تست و بررسی کنید.

تماشا در حالت تمام صفحه

5/5 - (7 امتیاز)

آیا این مطلب برای شما مفید بود ؟

خیر
بله
بنر تبلیغاتی ج