Bộ lọc SVG
Bộ lọc SVG
Bộ lọc SVG được sử dụng để thêm các hiệu ứng đặc biệt vào đồ họa SVG.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ bộ lọc SVG.
| SVG Filters | 8.0 | 10.0 | 3.0 | 6.0 | 9.6 |
Phần tử bộ lọc SVG
Trong các chương tiếp theo, chúng tôi sẽ chỉ trình bày một chút về các hiệu ứng bộ lọc khả thi - và cung cấp cho bạn ý tưởng về những gì có thể được thực hiện với SVG.
Các phần tử lọc có sẵn trong SVG là:
- <feBlend> - bộ lọc để kết hợp hình ảnh
- <feColorMatrix> - bộ lọc chuyển đổi màu sắc
- <feComponentTransfer>
- <feComposite>
- <feConvolveMatrix>
- <feDiffuseLighting>
- <feDisplacementMap>
- <feFlood>
- <feGaussianBlur>
- <feImage>
- <feMerge>
- <feMorphology>
- <feOffset> - bộ lọc cho bóng đổ
- <feSpecularLighting>
- <feTile>
- <feTurbished>
- <feDistantLight> - bộ lọc ánh sáng
- <fePointLight> - bộ lọc ánh sáng
- <feSpotLight> - bộ lọc cho ánh sáng
Mẹo: Bạn có thể sử dụng nhiều bộ lọc trên mỗi phần tử SVG!