Пример комбинации нескольких svg-фильтров

Продолжаем показывать применение фильтров для svg-изображений. Для начала покажем исходное изображение.

А теперь применим последовательно несколько фильтров для обработки онлайн этого изображения. Результат вы можете видеть ниже.

Код svg-фильтра, который был применен, приведен ниже.
<filter id="pictureFilter" > <feColorMatrix type="luminanceToAlpha" /> <feDiffuseLighting diffuseConstant="1" surfaceScale="10" result="diffuse3"> <feDistantLight elevation="28" azimuth="90" /> </feDiffuseLighting> <feComposite operator="in" in2="inputTo_3" /> <filter /> Обработанное изображение адаптивно - меняется вместе с шириной сайта. При этом фильтр работает в реальном времени. Убедиться в этом можно меняя ширину окна браузера.