W e b - м а с т е р у: 
  В с е   о   х о с т и н г е: 
  Р е к о м е н д у е м: 
  Р е к л а м а: 





  Р е к л а м а: 











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

Google   
 


Профессиональный хостинг от REG.RU - от 99 рублей за месяц!!!
  • 10 Гб дискового пространства
  • Бесплатный трафик
  • До 30 размещенных сайтов на одном хостинге
  • Неограниченное количество почтовых ящиков и многое другое!

>> Смотреть подробнее






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

Данный элемент работает только в Internet Explorer.


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


Фильтр 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>



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

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

Синтаксис:
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>



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

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

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

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



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

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

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

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



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

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

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

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



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

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

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

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



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

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

Синтаксис:
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()">






[Рекомендовать другу]  [Содержание  


Вывоз мусора в Уфе на автомобилях ГАЗель, Услуги грузчиков, Утилизация старой мебели


Щелкните здесь, чтобы узнать, как повысить тИЦ и Page Rank Вашего сайта. Бесплатно!

© Rusws™ 2007-2012. Разработка и техническая поддержка: RUSWS.RU
Хостинг от SpaceWeb

Перепечатка любых материалов с портала www.rusws.ru только с письменного разрешения администрации и с размещением ссылки на портал!

Техническая поддержка: rusws[собака]mail.ru
Rambler's Top100