از عنصر <canvas> در html برای طرح گرافیکی صفحات وب در طراحی سایت استفاده می‌شود. در این بخش از مقالات طراحی سایت قصد داریم اطلاعات جامع و کاملی را در زمینه طراحی سایت و ویژگی <canvas> در html برای شما کاربران عزیز شرح دهیم.

HTML Canvas چیست؟

عنصر <canvas> در اچ تی ام ال برای رسم طرح گرافیکی با استفاده از کدنویسی (معمولا جاوا اسکریپت) مورد استفاده قرار می‌گیرد. این عنصر تنها به عنوان یک جایگاه برای گرافیک است. در هر صورت شما باید از یک اسکریپت برای رسم گرافیک استفاده نمایید. <canvas> دارای چندین متد برای رسم مسیرها، باکس‌ها، دوایر، متون و اضافه کردن تصویر می‌باشد.

Canvas یک ناحیه مستطیل شکل در یک صفحه HTML در طراحی سایت است. به طور پیش فرض، یک Canvas هیچ مرز و محتوایی ندارد.

نحوه نوشتن این عنصر به شکل زیر خواهد بود: <canvas id="myCanvas" width="200" height="100"></canvas>

توجه: همیشه یک ویژگی id برای ارجاع به اسکریپت مشخص کنید و یک عرض و ارتفاع برای تعریف سایز canvas تعیین نمایید. به مثال زیر توجه کنید: <canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>