شروع کار مقدماتی با HTML5 Canvas (جلسه 1) : مقدمه

‏  2 دقیقه
۲۹ بهمن ۱۳۹۵
شروع کار مقدماتی با HTML5 Canvas (جلسه 1) : مقدمه

html-canvas

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

این المنت اولین بار در سال 2004 توسط کمپانی Apple معرفی شد و در بعضی از محصولات خودش از جمله Dashboard و Safari از اون استفاده کرد. بعد از اون استفاده از اون فراگیرتر شد و در سال 2005 در مرورگرهای با موتور Gecko هم مورد استفاده قرار گرفت و بعد از اون در سال 2006 درون مرورگر Opera پیاده سازی شد و در نهایت هم استانداردی برای اون تدوین شد تا همه مرورگرها این المنت رو درون خودشو پیاده سازی و قابل اجرا بکنن. الان هم که من دارم این مطلب رو قرار میدم سال 2017 هستیم و میزان پشتیبانی مرورگرها از این المنت بصورت زیر هست:canvas suport

با اطلاعاتی که سایت Can I Use در اختیار ما قرار میده متوجه میشیم که 97 درصد کاربران جهان، از مرورگری استفاده میکنن که این ویژگی رو پشتیبانی میکنن و شما میتونین با خیال راحت از اون استفاده کنید.

تنها کاری که برای استفاده از این المنت باید بکنید اینه که، المنت canvas رو درون کدهای HTML قرار بدین و بعد از اون کار شما در HTML تمام هست و باید سراغ Javascript برید و در اونجا تنظیمات مورد نظرتون رو اعمال کنید.

شما با استفاده از Canvas میتونین کارهای مختلفی رو انجام بدین. کارهای عمده ای که در سطح وب با استفاده از این المنت انجام میشه، بصورت زیر هست:

  • رسم نمودار و اشکال گرافیکی
  • ساخت انیمیشن
  • ساخت بازی
  • دستکاری تصاویر و کار با تصاویر
  • و ...

در این سری آموزشی سعی میکنیم که همه پیش نیازهایی که لازم هست تا شما بتونین از این ابزار نهایت استفاده ببرید رو توضیح بدیم.

امیدوارم از این سری آموزش خوشتون بیاد و نهایت استفاده رو ازش ببرید.

در جلسات بعد با ادامه آموزش در خدمتتون هستیم.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

Source

چه امتیازی به این مقاله می دید؟
نویسنده محمد اسفندیاری
بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

جلسات دوره

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !