آموزش گرافیک‌های پویا با Canvas و SVG - آخرین آپدیت

سرفصل ها و درس ها

شروع کار با گرافیک‌های Canvas و SVG Getting Started with Canvas and SVG Graphics

• مقدمه Introduction

• مروری بر گرافیک‌های SVG و Canvas Overview of SVG and Canvas Graphics

• اولین گام‌ها با SVG First Steps with SVG

• اولین گام‌ها با Canvas First Steps with Canvases

ترسیم اشکال پایه Drawing Basic Shapes

• مقدمه Introduction

• ترسیم اشکال پایه با گرافیک‌های SVG Drawing Basic Shapes with SVG Graphics

• دمو: اشکال پایه با گرافیک‌های SVG Demo: Basic Shapes with SVG Graphics

• ترسیم اشکال پایه با گرافیک‌های Canvas Drawing Basic Shapes with Canvas Graphics

• دمو: اشکال پایه با گرافیک‌های Canvas Demo: Basic Shapes with Canvas Graphics

ایجاد اشکال دلخواه با استفاده از مسیرها (Paths) Creating Arbitrary Shapes with Paths

• ایجاد مسیرهای سفارشی با گرافیک‌های SVG Creating Custom Paths with SVG Graphics

• دمو: مسیرها با گرافیک‌های SVG Demo: Paths with SVG Graphics

• ایجاد مسیرهای سفارشی با گرافیک‌های Canvas Creating Custom Paths with Canvas Graphics

• دمو: مسیرها با گرافیک‌های Canvas Demo: Paths with Canvas Graphics

افزودن متن به گرافیک‌های سفارشی Adding Text to Custom Graphics

• مقدمه Introduction

• دمو: افزودن متن با گرافیک‌های SVG Demo: Adding Text with SVG Graphics

• دمو: افزودن متن با گرافیک‌های Canvas Demo: Adding Text with Canvas Graphics

وارد کردن تصاویر به گرافیک‌های سفارشی Importing Images into Custom Graphics

• مقدمه Introduction

• دمو: وارد کردن تصاویر با گرافیک‌های SVG Demo: Importing Images with SVG Graphics

• دمو: وارد کردن تصاویر با گرافیک‌های Canvas Demo: Importing Images with Canvas Graphics

بررسی نقاط قوت منحصربه‌فرد Canvas و SVG Exploring the Unique Strengths of Canvas and SVG Graphics

• مقدمه Introduction

• دمو: متحرک‌سازی تصاویر SVG Demo: Animating SVG Images

• دمو: ساخت یک ابزار طراحی (Sketching) با Canvas Demo: Creating a Sketching Tool with Canvases

• جمع‌بندی دوره Course Summary