Archive for the ‘Filters’ Category

Фильтры

Tuesday, April 22nd, 2008

Одна из прелестей SVG это фильтры, их довольно много. И что еще замечательнее что фильтр может одинаково применяться как на вложенном изображении так и на любом векторном объекте. Для тех кто знаком хоть немного с фильтрами в Photoshop небольшой пример использования фильтра Blur 

<svg xmlns="http://www.w3.org/2000/svg"
width="500px" height="300px"
xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>
 <filter id="Gaussian_Blur">
  <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
 </filter>
</defs>

<image x="20" y="20" width="100"
  height="75" xlink:href="image.jpg"
  style="filter:url(#Gaussian_Blur)" />

<ellipse cx="200" cy="150" rx="70" ry="40"
  style="fill:#ff0000;filter:url(#Gaussian_Blur)"/>

</svg>

Пример

Posted in Filters, svg | No Comments »