กรอง SVG
กรอง SVG ถูกนำมาใช้เพื่อเพิ่มผลพิเศษกราฟิก SVG
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุน SVG ฟิลเตอร์
SVG Filters | 8.0 | 10.0 | 3.0 | 6.0 | 9.6 |
SVG ได้กรอง
ในบทต่อไปเราจะแสดงให้เห็นถึงผลกระทบสัมผัสของตัวกรองที่จะเป็นไปได้ - และให้ความคิดของสิ่งที่สามารถทำได้ด้วย SVG
องค์ประกอบที่มีอยู่ในตัวกรอง SVG คือ:
- <feBlend> - กรองรวมภาพ
- <feColorMatrix> - กรองสำหรับการแปลงสี
- <feComponentTransfer>
- <feComposite>
- <feConvolveMatrix>
- <feDiffuseLighting>
- <feDisplacementMap>
- <feFlood>
- <feGaussianBlur>
- <feImage>
- <feMerge>
- <feMorphology>
- <feOffset> - กรองสำหรับเงา
- <feSpecularLighting>
- <feTile>
- <feTurbulence>
- <feDistantLight> - กรองแสง
- <fePointLight> - กรองแสง
- <feSpotLight> - กรองแสง
เคล็ดลับ: คุณสามารถใช้ตัวกรองหลายในแต่ละองค์ประกอบ SVG!