Možno ste už počuli o filtroch CSS? Môžete ich použiť na akýkoľvek prvok z CSS, napríklad:
.apply-css-filter ( -webkit-filter: grayscale(0.5); filter: grayscale(0.5); )Môžete ich dokonca použiť na prvok HTML alebo SVG.
Existujú však aj filtre, ktoré môžete definovať v rámci SVG, a existuje viac možností, keď tak urobíte. Tu je príklad definície:
Potom ho môžete použiť na prvok priamo v SVG, ako napríklad:
Alebo z CSS podobným odkazom na ID:
.apply-svg-filter ( -webkit-filter: url(#pictureFilter); filter: url(#pictureFilter); )Existuje veľa filtrov SVG. Známe sú ako rozmazané a divné s maliarskymi efektmi. Tu je špecifikácia