SVG: برش، پوشش و فیلترها

مدرس Morten Rand-Hendriksen

انتشار 2018/08/30

مدت زمان 2h 19m

سطح پیشرفته

فایل تمرینی دارد

آموزش SVG: Clipping, Masking, and Filters

با SVG کارهای بیشتری انجام دهید. بسیاری از طراحان و توسعه دهندگان وب از قدرت SVG برای همین استفاده می کنند: گرافیک برداری مقیاس پذیر. اما تعداد کمی می دانند که SVG همچنین به شما امکان می دهد جلوه های بصری مبتنی بر کد ایجاد کنید - نوعی گرافیک که قبلاً فقط در برنامه هایی مانند فتوشاپ امکان پذیر بود. در این دوره آموزشی با مورتن رند-هندریکسن، به ویژگی‌های بصری پیشرفته موجود در قالب گرافیک برداری مقیاس‌پذیر، از جمله برش، پوشش و فیلترها، نگاهی عمیق بیندازید. یاد بگیرید که چگونه از clipPath، ماسک و عناصر فیلتر مختلف برای ایجاد ماسک های بریده، لایه های آلفا، و افکت هایی مانند تاری و وضوح، تصحیح رنگ، اکستروژن و ترکیب پیشرفته استفاده کنید. مورتن شامل تفکیک کامل تمام فیلترهای موجود در SVG به همراه مثال هایی است که مزایای جلوه های بصری مبتنی بر کد را نشان می دهد.

Front-end Development Scalable Vector Graphics (SVG) XML

Introduction

Clipping, masking, and filtering SVG ()

Prerequisites ()

1. Clipping and Masking

How clipping and masking works ()

The clipPath element ()

A basic clipping example ()

The clipPath coordinate system ()

The mask element ()

A basic mask example ()

The mask coordinate system ()

2. SVG Filters

How SVG filters work ()

The filter element ()

A basic filter example ()

Combining multiple filters ()

Filter regions and sub-regions ()

3. SVG Filters and What They Do

A walkthrough of SVG filter primitives ()

feImage ()

feTile ()

feFlood ()

feBlend ()

feGaussianBlur ()

feMerge ()

feOffset ()

feMorphology ()

feComposite ()

feComponentTransfer ()

feColorMatrix, part 1 ()

feColorMatrix, part 2 ()

feDiffuseLighting ()

feSpecularLighting ()

feTurbulence ()

feDisplacementMap ()

feConvolveMatrix ()

4. Using SVG Filters

Duotone images ()

Extruded text ()

Mixing multiple filters ()

5. Going Further

SVG filters in the real world ()

Ex_Files_SVG_Clipping_Filters.zip (1.0 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.