На этом шаге мы рассмотрим фильтр wave.
Фильтр wave делает объект волнистым. Синтаксис:
STYLE="filter:wave(Add=<логическое значение или число>,
Freq=<число>, LightStrength=<число>,
Phase=<число>, Strength=<число>)"
Опишем назначение каждого параметра.
- Add - значение, определяющее, добавлен ли первоначальный объект (true или ненулевое число) к фильтрованному объекту или нет (false или нуль).
- Freq - целое значение, определяющее число волн.
- LightStrength - сила волны, заданная в процентах.
- Phase - определяет угловое смещение волн (значение от 0 до 100%, которые соответствуют 360 градусам, тогда 25% = 90 градусов).
- Strength - целое значение, определяющее интенсивность эффекта волны.
Прокомментируем некоторые параметры.
Свойства freq и phase определяют количество максимумов в синусоидальной волне искажения и фазу смещения волны, которая задается в процентах от фазы обычной синусоиды, имеющей начальное значение 0. Величина этого параметра, равная 100%, соответствует фазе смещения в 360 градусов. Все остальные значения лежат в интервале от 0 до 100. Например, значение phase: 25 соответствует синусоиде с фазой смещения в 90 градусов. Последнее свойство lightStrength определяет интенсивность освещения для имитации трехмерного эффекта поднятия гребней волны. На рисунках 1 и 2 показаны изображения после обработки фильтром wave с различными параметрами (наведите на рисунок курсор мыши).
Рис.1. Параметры Add=false, Freq=3, LightStrength=15, Phase=25, Strength=10
Рис.2. Параметры Add=false, Freq=3, LightStrength=25, Phase=25, Strength=15
Со следующего шага мы начнем рассматривать динамические фильтры.
