آموزش افزودن گرافیک به صفحات وب با استفاده از Canvas و SVG

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

استفاده از SVG برای ایجاد تصاویر Using SVG to Create Images

• مقدمه Introduction

• نمودارهای برداری مقیاس پذیر (SVG) چیست؟ What Are Scalable Vector Graphics (SVG)?

• اولین قدم ها با SVG First Steps with SVG

• رسم اشکال اساسی Drawing Basic Shapes

• نسخه ی نمایشی: اشکال اساسی Demo: Basic Shapes

• طراحی با عناصر مسیر Drawing with Path Elements

• نسخه ی نمایشی: عناصر مسیر Demo: Path Elements

• نسخه ی نمایشی: افزودن متن به اسناد SVG Demo: Adding Text to SVG Documents

• نسخه ی نمایشی: افزودن تصاویر به اسناد SVG Demo: Adding Images to SVG Documents

• کار با Gradient Fills Working with Gradient Fills

• نسخه ی نمایشی: متحرک سازی اسناد SVG Demo: Animating SVG Documents

• خلاصه Summary

استفاده از بوم برای ایجاد تصاویر Using Canvases to Create Images

• مقدمه Introduction

• بوم چیست؟ What Is the Canvas?

• اولین قدم ها با بوم First Steps with Canvases

• رسم اشکال اساسی Drawing Basic Shapes

• نسخه ی نمایشی: اشکال اساسی Demo: Basic Shapes

• طراحی با عناصر مسیر Drawing with Path Elements

• نسخه ی نمایشی: عناصر مسیر Demo: Path Elements

• نسخه ی نمایشی: افزودن متن به بوم ها Demo: Adding Text to Canvases

• نسخه ی نمایشی: افزودن تصاویر به بوم Demo: Adding Images to Canvases

• کار با Gradient Fills Working with Gradient Fills

• نسخه ی نمایشی: طراحی با بوم Demo: Sketching with Canvases

• خلاصه Summary