ตัวกรอง SVG
ตัวกรอง 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>
- <feMmorphology>
- <feOffset> - กรองเงาตกกระทบ
- <feSpecularLighting>
- <feTile>
- <ความปั่นป่วน>
- <feDistantLight> - ตัวกรองแสง
- <fePointLight> - ตัวกรองแสง
- <feSpotLight> - ตัวกรองแสง
เคล็ดลับ:คุณสามารถใช้ตัวกรองหลายตัวในแต่ละองค์ประกอบ SVG!