Фильтры, применяемые к изображению
-= сам сделай сайт! =-

ЭТО НЕ ТАК УЖ И СЛОЖНО...

- Основы языка HTML -

  • С чего начинать?
  • Текст.
  • Цвет и фон.
  • Изображения.
  • Изображения-карты.
  • Ссылки.
  • Стили (CSS).
  • Мета-теги.
  • Таблицы.
  • Списки.
  • Формы.
  • E-mail формa.
  • Горизонтальные линии.

    - Дополнительные сведения -

  • Список елементов HTML.
  • Раскладка цветовой гаммы по RGB-составляющим.
  • Спецсимволы в HTML.
  • Курсоры.
  • Фильтры, применяемые к тексту.
  • Фильтры, применяемые к изображению.
  • Дополнительные возможности тега <BODY>

    - Полезное -

  • Новые окна. (
  • Полезные советы Web-мастеру.

    - Java Scripts -

  • JavaScript.
  • События.
  • Окна с сообщениями.
  • Кнопки.
  • Простые вредоносные JavaScripts.
      • Фильтры, применяемые к изображению.

    • Фильтр Alpha (Осветвление изображение)
    • Фильтр Blur (Размазытие изображения)
    • Фильтр Invert (Инверсия изображения)
    • Фильтр Gray (Черно-белое изображение)
    • Фильтр Chroma (Определенный цвет делается прозрачным)
    • Фильтр XRay (Негативное изображение)
    • Фильтр RevealTrans (Появление изображения)

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

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

    Вернуться?
    >
    Hosted by uCoz
    Copyright ©2009 Валентин Иткинд
    -= END =-
    .