عنصر <canvas> در طراحی سایت

از عنصر <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>

منبع: sitedesign-co.com