Фильтры, применяемые к изображению

Все фильтры, описанные в данной статье, были применены к этому изображению.

Фильтр Alpha. Вверх

Осветляет изображение.

Синтаксис:
STYLE="filter:Alpha(Opacity='Opacity', FinishOpacity='Finishopacity', Style='Style', StartX='X', StartY='Y', FinishX='X', FinishY='Y')"
Opacity - степень осветления (0-100. 0 светло, 100 темно).
FinishOpacity - конечная степень осветления (0-100. 0 светло, 100 темно).
Style - метод осветвления (число: 0(без осветвления), 1(линия) 2(круг) 3(прямоугольник)
StartX, StartY, FinishX, FinishY - координаты осветвляемой области

Пример:
<IMG STYLE="filter:Alpha(Opacity='90',FinishOpacity='45',Style='2')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Размывает изображение в определенную сторону.

Синтаксис:
STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')"
Add - умеренное или сильное размытие (соответственно 1 или 0)
Direction - в какую сторону произойдет размытие (oт 0 до 315)
Strength - смещение размытия

Пример:
<IMG STYLE="filter:Blur(Add='1',Direction='310',Strength='10')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Инверсия изображения

Синтаксис:
STYLE="filter:Invert"

Пример:
<IMG STYLE="filter:Invert" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Делает изображение черно-белым

Синтаксис:
STYLE="filter:Gray"

Пример:
<IMG STYLE="filter:Gray" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Определенный цвет делается прозрачным.

Синтаксис: STYLE="filter:Chroma(Color='Color')"
Color - цвет выделения в шестнадцатиричном виде (напр. #000000) или название цвета на английском, например, Black, Red, Blue, Green.

Пример:
<IMG STYLE="filter:Chroma(Color='#000000')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Негативное изображение

Синтаксис: STYLE="filter:Xray"

Пример:
<IMG STYLE="filter:Xray" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>

Появление изображения.

Синтаксис:
STYLE="filter:revealTrans(Duration='Duration', Transition='Transition')"
Duration - время, за которое появится изображение (в секундах)
Transition - эффект (совершенно разные эффекты от 0 до 23). Значение 23 меняет эффект появления изображения после каждой перезагрузки страницы.

Пример использования:

<SCRIPT> <!-- function Start() // Функция запуска фильтра. Кнопка Показать. { RevealTransFilter.filters.item(0).Apply() RevealTransFilter.filters.item(0).Play() RevealTransFilter.style.visibility="" } function Clear() // Функция скрытия изображения. Кнопка Сброс. { RevealTransFilter.style.visibility="hidden" } // --> </SCRIPT> <IMG id="RevealTransFilter" STYLE="filter:revealTrans(Duration=1, Transition=12);VISIBILITY: hidden;" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"><br> <input type=button value=" Показать " OnClick="Start()"> <input type="reset" value=" Сброс " OnClick="Clear()">