Bộ lọc SVG

Bộ lọc SVG

Bộ lọc SVG được sử dụng để thêm hiệu ứng đặc biệt vào hình ảnh SVG.

Hỗ trợ trình duyệt của bộ lọc SVG

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ bộ lọc SVG.

Yếu tố lọc SVG

Trong các chương tiếp theo, chúng ta sẽ minh họa một số hiệu ứng lọc có thể - và cho bạn biết SVG có thể làm gì.

Các yếu tố lọc SVG có sẵn bao gồm:

• <feBlend> - Sử dụng bộ lọc để kết hợp hình ảnh
• <feColorMatrix> - Bổ sung bộ lọc màu
• <feComponentTransfer>
• <feComposite>
• <feConvolveMatrix>
• <feDiffuseLighting>
• <feDisplacementMap>
• <feFlood>
• <feGaussianBlur>
• <feImage>
• <feMerge>
• <feMorphology>
• <feOffset> - Giảm bóng râm
• <feSpecularLighting>
• <feTile>
• <feTurbulence>
• <feDistantLight> - Bộ lọc ánh sáng
• <fePointLight> - Bộ lọc ánh sáng
• <feSpotLight> - Bộ lọc ánh sáng

Lưu ý: Bạn có thể sử dụng nhiều bộ lọc trên mỗi yếu tố SVG!