آموزش SVG: برش ، ماسک گذاری و فیلترها

مقدمه Introduction

• قطع ، ماسک و فیلتر SVG Clipping, masking, and filtering SVG

• پیش نیازها Prerequisites

1. بریدن و نقاب زدن 1. Clipping and Masking

• نحوه قطع و ماسک کار می کند How clipping and masking works

• عنصر clipPath The clipPath element

• یک نمونه کلیپ اساسی A basic clipping example

• سیستم مختصات clipPath The clipPath coordinate system

• عنصر ماسک The mask element

• یک نمونه اصلی ماسک A basic mask example

• سیستم مختصات ماسک The mask coordinate system

2. فیلترهای SVG 2. SVG Filters

• چگونه فیلترهای SVG کار می کنند How SVG filters work

• عنصر فیلتر The filter element

• یک نمونه فیلتر اصلی A basic filter example

• ترکیب چندین فیلتر Combining multiple filters

• مناطق و مناطق فرعی را فیلتر کنید Filter regions and sub-regions

3. فیلترهای SVG و آنچه انجام می دهند 3. SVG Filters and What They Do

• پیشرفت از ابتدایی فیلتر SVG A walkthrough of SVG filter primitives

• feImage feImage

• feTile feTile

• FeFlood feFlood

• feBlend feBlend

• feGaussianBlur feGaussianBlur

• feMerge feMerge

• FeOffset feOffset

• feMorphology feMorphology

• feComposite feComposite

• feComponentTransfer feComponentTransfer

• feColorMatrix ، قسمت 1 feColorMatrix, part 1

• feColorMatrix ، قسمت 2 feColorMatrix, part 2

• feDiffuseLighting feDiffuseLighting

• feSpecularLighting feSpecularLighting

• تلاطم feTurbulence

• feDisplacingMap feDisplacementMap

• feConvolveMatrix feConvolveMatrix

4- استفاده از فیلترهای SVG 4. Using SVG Filters

• تصاویر Duotone Duotone images

• متن اکسترود شده Extruded text

• مخلوط کردن چندین فیلتر Mixing multiple filters

5. ادامه بیشتر 5. Going Further

• فیلترهای SVG در دنیای واقعی SVG filters in the real world