آموزش مبانی SVG

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

مقدمه ای بر SVG Introduction to SVG

• مقدمه Introduction

• SVG دقیقاً چیست؟ What Exactly Is SVG?

• زمان استفاده از SVG When to Use an SVG

• نحوه ایجاد SVG How to Create an SVG

• نحوه استفاده از SVG ها How to Use SVGs

• خلاصه Summary

کار با کد SVG Working with SVG Code

• مقدمه Introduction

• مقدمه ای بر طرح بندی SVG Introduction to SVG Layout

• ViewBox The viewBox

• نسبتAspectRatio preserveAspectRatio

• مقدمه ای بر عناصر SVG An Introduction to SVG Elements

• عناصر گرافیکی SVG SVG Graphical Elements

• عناصر کانتینر SVG SVG Container Elements

• عناصر گرادیان SVG SVG Gradient Elements

• عناصر انیمیشن SVG SVG Animation Elements

• یکسان سازی SVG ها با CSS Styling SVGs with CSS

• خلاصه Summary

خشک. بیرون بردن کد SVG درون خطی با SVG "Sprites" D.R.Y. Out Inline SVG Code with SVG "Sprites"

• مقدمه Introduction

• Image Sprite چیست؟ What Is an Image Sprite?

• Inline SVG Sprites Inline SVG Sprites

• با استفاده از شناسه های قطعه SVG Using SVG Fragment Identifiers

• تعبیه SVG ها به عنوان پس زمینه در CSS Embedding SVGs as Backgrounds in CSS

• خلاصه Summary

متحرک SVG Animating SVG

• مقدمه Introduction

• متحرک سازی SVG با CSS Animating SVG with CSS

• متحرک سازی SVG با SMIL Animating SVG with SMIL

• انیمیشن SVG با کتابخانه های انیمیشن دستکاری JavaScript SVG Animation with JavaScript Manipulation & Animation Libraries

• خلاصه Summary

بهینه سازی SVG ، پشتیبانی از مرورگر ، منابع و مثالها SVG Optimization, Browser Support, Resources, and Examples

• مقدمه Introduction

• بهینه سازی SVG SVG Optimization

• پشتیبانی مرورگر Browser Support

• ابزارها ، مثالهای منابع Tools, Resources & Examples

• خلاصه Summary