Как сделать сепию онлайн. Приведен пример применения svg-фильтра и код фильтра для сепии.
При оформлении текстов, например исторических, может понадобиться применение сепии, для придания фотографии эффекта старины. Конечно, это можно сделать в редакторе. А если такой возможности нет?
Например, фотки на ваш сайт добавляют случайные посетители и вы вряд ли заставите их обрабатывать фото в каком-то графическом редакторе. Если вы хотите чтобы все фото на вашем сайте выглядели в одном стиле, то лучше к фотографиям, добавляемым на сайт применить svg- фильтр. Покажем на примере, как выглядит исходная фотография и фотография, обработанная таким фильтром онлайн.
Вот полноцветный оригинал фотографии природы:
А вот результат применения svg-фильтра:
Применять такие фильтры выгодно - никаких скриптов и почти мгновенная обработка (при загрузке страницы вы не увидели никакой задержки). И еще нюанс - попробуйте взять оригинал фотки с сепией. При наведении на картинку после клика правой кнопкой мышки вы не увидите ссылки на урл картинки. И вообще, изображение не идентифицируется. Так что это один из способов защиты от копирования оригиналов фоток на сайте. Надо потрудиться, чтобы докопаться до оригинала фото. Остается только привести код фильтра:
1 2 3 4 5 6 7 8 9 10 11 12 | viewBox= "0 0 900 590" >
<defs>
<filter id= "myFilter3" >
<fecolormatrix type= "matrix"
values=" 0.343 0.669 0.119 0 0 0.249 0.626 0.130 0 0
0.172 0.334 0.111 0 0 0 0 0 1 0 " />
</filter>
</defs>
<image filter= "url(#myFilter3)"
xlink:href= "photo.jpg" width= "100%" height= "100%" />
</svg>
|
NewsCad.com