آموزش اس‌وی‌جی (گرافیک برداری مقیاس‌پذیر) ۲۰۲۴ - درون کد - آخرین آپدیت

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

مقدمه‌ای بر گرافیک‌های وکتور مقیاس‌پذیر (SVG) Introduction to Scalable Vector Graphics (SVG)

• مقدمه دوره Course Introduction

• گرافیک‌های SVG در مقابل رستری و مزایای SVG برای وب SVG vs Raster Graphics and SVG Advantages for the Web

یافتن، ساختن و استفاده از SVGها Finding, Making, and Using SVGs

• دانلود، تألیف یا کدنویسی SVGها Downloading, Authoring, or Coding SVGs

• ابزارهای مفید برای این دوره Helpful Tools for this Course

• افزودن SVGها به یک صفحه وب Adding SVGs to a Web Page

مقدمه‌ای بر کد SVG Introduction to SVG Code

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

• عناصر بصری SVG - اشکال پایه SVG Visual Elements - Basic Shapes

• عناصر ساختاری، کانتینر و توصیفی SVG SVG Structural, Container, and Descriptive Elements

• مقدمه‌ای بر ویژگی‌های SVG Introduction to SVG Attributes

استایل دهی به SVGها Styling SVGs

• نحوه استایل دهی به عناصر SVG How to Style SVG Elements

مسیرها و دستورات مسیر SVG SVG Paths and Path Commands

• مقدمه‌ای بر مسیرهای SVG Introduction to SVG Paths

• دستورات مسیر SVG: MoveTo و LineTo SVG Path Commands: MoveTo and LineTo

• دستورات مسیر SVG: منحنی‌ها و قوس‌ها SVG Path Commands: Curves and Arcs

• مشاهده و ویرایش مسیرهای SVG Viewing and Modifying SVG Paths

متن SVG SVG Text

• مقدمه‌ای بر متن SVG Introduction to SVG Text

• متن SVG روی مسیر SVG Text on a Path

اندازه‌بندی SVG - Viewport و viewBox SVG Sizing - Viewport and viewBox

• مقدمه‌ای بر اندازه‌بندی و موقعیت‌یابی SVG Introduction to SVG Sizing and Positioning

• نسبت‌های تصویر SVG SVG Aspect Ratios

تبدیلات و انیمیشن‌های SVG SVG Transformations and Animations

• تبدیلات SVG SVG Transforms

• انیمیشن‌های SVG - بخش ۱ SVG Animations - Part 1

• انیمیشن‌های SVG - بخش ۲ SVG Animations - Part 2

• ترسیم خطوط SVG SVG Line Drawings

سایر ویژگی‌ها و موضوعات SVG Other SVG Features and Topics

• گرادیان‌های خطی و شعاعی Linear and Radial Gradients

• فیلترهای SVG SVG Filters

• مسیرهای برش و ماسک‌ها Clip-Paths and Masks

دستکاری SVG با جاوا اسکریپت SVG Manipulation by JavaScript

• استفاده از جاوا اسکریپت برای دستکاری عناصر SVG Using JavaScript to Manipulate SVG Elements

قابلیت دسترسی و سئو SVG SVG Accessibility and SEO

• قابلیت دسترسی و سئو SVG SVG Accessibility and SEO

• نکات پایانی Concluding Remarks