Фильтры HTML
Обратите внимание: фильтры, описанные здесь поддерживаются только Internet Explorer 4.0. Визуальные Фильтры должны быть помещены в Style Sheets поскольку они применяются, используя атрибуты Style Sheet. Визуальные Фильтры обеспечивают управление визуальными объектами. Также, через создание сценария, примененные фильтры - могут динамически меняться без перезагрузки документа. Обычно, они применяются к элементу <IMG>, но могут применяться и к элементу <DIV>, который в свою очередь могут содержать любой HTML, так что визуальные фильтры могут применяться фактически к любому содержанию. Обратите внимание, что, если они применяются к текстовым блокам ( в элементах <DIV>), элемент <DIV> должен определить атрибуты ширины и высоты Style Sheets.
Список визуальных Фильтров:
| Фильтр | Описание |
| Alpha | Различные эффекты прозрачности объекта. |
| Blur | Размывает и смазывает объект. |
| Chroma | Делает определенный цвет прозрачным. |
| DropShadow | Копирует и сдвигает объект в виде тени. |
| FlipH | Горизонтальное зеркальное изображение объекта. |
| FlipV | Вертикальное зеркальное изображение объекта. |
| Glow | Добавляет сияние вокруг объекта. |
| Gray | Делает Ч/Б объект. |
| Invert | Инвертирует свойства объекта. |
| Light | Осветляет объект. |
| Mask | Выделяет объект. |
| Shadow | Еще один вид тени. |
| Wave | Создает волнистый эффект. |
| XRay | Invert + Gray. |
Основной синтаксис применения фильтров: STYLE="filter:ИМЯ_ФИЛЬТРА(ПАРАМЕТР1, ПАРАМЕТР2...)" Параметры для каждого фильтра определяются свои собственные они описаны далее.
Визуальный фильтр Alpha может использоваться, чтобы установить прозрачность объекта - или всего изображения целиком, или области градиента.
STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)" Opacity Уровень прозрачности, 0-100, где 0 прзрачно, 100 непрозрачно
FinishOpacity Конечный уровень прозрачности, 0-100, где 0 прзрачно, 100 непрозрачно
Style принимает значения 0 (uniform), 1 (линия), 2 (круг) or 3 (прямоугольник)
StartX координатаX начала градиента StartY координата Y начала градиента
FinishX координата X конца градиента
FinishY координата Y конца градиента
Фильтр Blur создает впечатление движения путем размытия объекта.
STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)" Add Добавляет размываемый объект к размытому (любое целое значение, 0 - не добавляет)
Direction 0 - 315 с шагом в 45 - определяет направление размытия
Strength Целое значение, представляющее число пикселей глубины изображаемого объекта
Фильтр Chroma делает определенный цвет рисунка прозрачным.
STYLE="filter:Chroma(Color = color)" Color Любой цвет (#rrggbb ). Что бы данный фильтр работал нормально необходимо, что бы выбранный цвет присутствовал в объекте.
Фильтр dropShadow добавляет силуэт объекта, смещенный в определенном направлении.
STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)" Color Цвет тени ( #rrggbb hex ).
OffX Горизонтальное смещение тени
OffY Вертикальное смещение тени
Positive Любое целое значение (не равное 0) создает тень для видимых пикселей объекта, '0' (false) - для невидимых пикселей.
Фильтр FlipH переворачивает объект горизонтально.
STYLE="filter:FlipH"
FlipV переворачивает объект вертикально.
STYLE="filter:FlipV"
Фильтр Glow добавляет сияние вокруг объекта.
STYLE="filter:Glow(Color=color, Strength=strength)" Color Цвет сияния (#rrggbb hex ).
Strength Интенсивность сияния, 0-100
Фильтр Gray Уничтожает цвета - делает черно-белый объект.
STYLE="filter:Gray"
Фильтр Invert реверсирует оттенок, насыщенность и яркость объекта.
STYLE="filter:Invert"
Фильтр LightДелает объект как если бы на него посветили. Световые фильтры применяются, устанавливая световой источник, определенный одним из следующих методов:
AddAmbient (R,G,B,strength) Добавляет окружающий световой источник к изображению. Окружающий свет не-направлен и освещает всю область. Солнце испускает окружающий свет.
Синтаксис:
object.style.filters.Light(n).addAmbient(R,G,B,strength)
Где R, G и B - значения (0-255), чтобы определить цвет окружающего света , и strength определяет 'количество' света.
AddCone (x1,y1,z1,x2,y2,R,G,B,strength,spread)
Добавляет к изображению, источник освещения в виде конуса. Свет направленный и освещает только определенную область.
Синтаксис:
object.style.filters.Light(n).addCone(x1,y1,z1,x2,y2,R,G,B,strength,spread)
Где x1, y1 Значения определяющие положение источника света, x2 и y2 - определяют координаты куда направлен свет, R, G и B - значения (0-255), чтобы определить цвет света
strength определяет 'количество' света. и spreadопределяет угол распространения (0-90, в градусах).
AddPoint (x,y,z,R,G,B,strength)
Добавляет к изображению точечный источник освещения.Точечный источник освещения - лампочка.
Синтаксис:
object.style.filters.Light(n).addPoint(x,y,z,R,G,B,strength) Где x, y и z координаты точечного источника освещения.
осталные параметры как у других методов
Еще несколько методов Светового Визуального фильтра:
ChangeColor (lightnumber, r,g,b, fAbsolute)
Метод ChangeColor изменит цвет светового фильтра, примененного к объекту.
Используйте lightnumber что бы определить световой источник, чей цвет должен быть изменен (это - позиция в массиве Lights), r,g и b, новый цвет, fAbsoloute может принимать значение true (nonzero), и false (т.е. zero),на что это влияет посмотрите сами.
ChangeStrength (lightnumber, strength, fAbsolute)
Метод ChangeStrength изменяет силу определенного светового фильтра ( крторый определяется аргументом lightnumber ) на силу определенную в параметре strength.
Clear
Метод Clear удаляет все источники света для определенного светового фильтра.
MoveLight (lightnumber, x, y, z, fAbsolute)
Метод MoveLight передвигает источник света (в случае AddPoint), место освещения (в случае AddCone). The x, y и z значения определяющие положения передвижения света, или абсолютно ( fAbsoloute=nonzero) или относительно (fAbsolute=false).
Фильтр Mask выделяет объект, как если бы вы его иыделили мышью, при этом можно задать цвет выделения.
Синтаксис:
STYLE="filter:Mask(Color=color)"
Где Color цвет используемый для выделения.
Фильтр shadow делает тень объекту.
Синтаксис:
filter:Shadow(Color=color, Direction=direction)
Color определяет цвет тени (#rrggbb hex)
Direction (0-315 с шагом в 45 градусов), определяет направление тени.
Фильтр wave делает объект волнистым.
Синтаксис:
filter: Wave(Add=add, Freq=freq, LightStrength=strength, Phase=phase, Strength=strength) Add значение , определяющее, добавлен ли первоначальный объект (true, nonzero) к фильтрованному объекту или нет (false, zero)
Freq целое значение, определяющее число волн
LightStrength сила волны в %
Phase определяет угловое смещение волн (т.е. 0/100% = 360 градусов, 25% = 90 градусов)
Strength целое значение, определяющее интенсивность эффекта волны
Фильтр xray воздействует на объект как Х-луч.
Синтаксис:
STYLE="filter:Xray"
Фильтр RevealTrans может быть применен к любому объекту, показывая или пряча его, при этом используются различные техники.
Синтаксис:
STYLE="filter: revealtrans(duration=duration, transition=transitionshape) Где Duration время перехода из одного состояния в другое. Формат записи секунды.миллисекунды
Например 2.1 = 2 секунды, 100 миллисекунд.
Transition(переход) может быть следующим:
| Значение | Описание |
| 0 | Box in |
| 1 | Box out |
| 2 | Circle in |
| 3 | Circle out |
| 4 | Wipe up |
| 5 | Wipe down |
| 6 | Wipe right |
| 7 | Wipe left |
| 8 | Verical blins |
| 9 | Horizontal blinds |
| 10 | Checkerboard across |
| 11 | Checkerboard down |
| 12 | Random dissolve |
| 13 | Split vertical in |
| 14 | Split vertical out |
| 15 | Spli horizontal in |
| 16 | Split horizontal out |
| 17 | Strips left down |
| 18 | Strips left up |
| 19 | Strips right down |
| 20 | Strips right up |
| 21 | Random bars horizontal |
| 22 | Random bars vertical |
| 23 | Random |
Внимание : Фильтр Reveal Transition лучше применять со следующими событиями:
Apply
Метод Apply используется, чтобы фактически применить фильтр.
Play
Метод Play используется, чтобы фактически запустить фильтр.
Stop
Метод Stop используется что бы остановить применение фильтра, и может быть вызван в любое время когда фильтр запущен.
Фильтры Reveal Transition имеют свойства status и duration . Свойство Duration отражает текущую продолжительность фильтра и status определяет значение в зависимости от текущего состояния перехода.
"0" = stop, "1" = apply, "2" = play.
Фильтр BlendTrans может быть применен к объекту, что бы 'проявить' его (fade it) или 'затушить' (fade out), через определенный период времени.
Синтаксис:
STYLE="filter: blendtrans(duration=duration)" Где Duration время занимаемое переходом. Формат записи секунды.миллисекунды
Например 2.1 = 2 секунды, 100 миллисекунд.