Možná jste už slyšeli o filtrech CSS? Můžete je použít na libovolný prvek z CSS, například:
.apply-css-filter ( -webkit-filter: grayscale(0.5); filter: grayscale(0.5); )Můžete to dokonce použít na prvek HTML nebo prvek SVG.
Existují však také filtry, které můžete definovat v rámci SVG, a existuje více možností, když to uděláte. Zde je příklad definice:
Pak jej můžete použít na prvek přímo v SVG, jako je:
Nebo z CSS odkazem na ID podobně:
.apply-svg-filter ( -webkit-filter: url(#pictureFilter); filter: url(#pictureFilter); )Existuje mnoho filtrů SVG. Známé jako rozmazání a divné s malířskými efekty. Tady je specifikace.