آموزش یادگیری بوم HTML

مقدمه Introduction

• برنامه نویسی گرافیک با JavaScript Graphics programming with JavaScript

• آنچه باید بدانید What you should know

1. بررسی اجمالی بوم 1. Overview of Canvas

• نمونه های بوم جالب Interesting canvas examples

• عنصر بوم The canvas element

• زمینه ترسیم بوم The canvas drawing context

2. تکنیک های پایه نقاشی بوم 2. Basic Canvas Drawing Techniques

• رنگ ها و سبک ها Colors and styles

• مستطیل Rectangles

• خطوط Lines

• حالت بوم The canvas state

• قوس ها Arcs

• راه ها Paths

• منحنی های بزیر و درجه دوم Bezier and quadratic curves

• رسم متن Drawing text

3. طراحی بوم پیچیده 3. Complex Canvas Drawing

• رسم سایه ها Drawing shadows

• با استفاده از الگوهای Using patterns

• با استفاده از شیب Using gradients

• تصاویر و فیلم Images and video

• مسیرهای قطع Clipping paths

4- API های پیشرفته ترسیم 4. Advanced Drawing APIs

• با استفاده از ترجمه Using translate

• با استفاده از مقیاس گذاری Using scaling

• با استفاده از چرخش Using rotation

• تحولات سفارشی Custom transformations

• آهنگساز و جهانی Alpha Compositing and globalAlpha

• نمونه آهنگساز و جهانی Alpha Compositing and globalAlpha example

• دستکاری پیکسل های خام Manipulating raw pixels

5- نمونه های عملی 5. Practical Examples

• ساخت نمایش پرده ای تصویر Building an image slideshow

• با استفاده از انتقال صاف Using smooth transitions

• انیمیشن پایه Basic animation

• دو انیمیشن بافر Double-buffered animation

نتیجه Conclusion

• مراحل بعدی Next steps