เฟิร์นเนอร์ SVG
- หน้าก่อน ฟิลเตอร์สีตรงขอบ SVG
- หน้าต่อไป ฟิลเตอร์มืด SVG
เฟิร์นเนอร์ SVG
ฟิลเตอร์ SVG ใช้เพื่อเพิ่มประสิทธิภาพพิเศษให้กับกราฟิก SVG
การสนับสนุนเบราเซอร์ของฟิลเตอร์ SVG
ตัวเลขในตารางนี้บอกว่าเวอร์ชั่นแรกของเบราเซอร์ที่สนับสนุนฟิลเตอร์ SVG
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
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 ได้!
- หน้าก่อน ฟิลเตอร์สีตรงขอบ SVG
- หน้าต่อไป ฟิลเตอร์มืด SVG