SVG: Маркеры
2012-06-20 23:32:04
+ развернуть текст сохранённая копия
Очередной интересной особенностью SVG, которую я для себя открыл являются маркеры (marker). С их помощью, оказывается, можно делать отметки на линия path. Что примечательно, эти маркеры можно рисовать с помощью любых элементов SVG. Определяем маркер В секцию defs добавляем элемент … подробнее →
Тэги:
mark,
path,
svg,
запись
SVG: Маски
2012-06-09 22:52:41
+ развернуть текст сохранённая копия
Кроме тега clipPath в SVG для отображения части другого элемента существует такой тег как mask. Разберем его работу на примере. Декларация элемента mask По традиции опишем элемент <mask> в секции defs нашего SVG-документа. <mask id="myMask"> <circle cx="120" cy="120" r="100" fill="#fff"/> … подробнее →
Тэги:
firefox,
mask,
svg,
запись
SVG: Как работает фильтр feMorphology
2012-06-03 12:38:42
+ развернуть текст сохранённая копия
Следующим предметом моего внимания стал SVG-фильтр feMorphology. Его активность сводится к созданию эффекта «ожирения» или «похудения» объекта. Обычно в качестве примера приводят текст, который делают жирнее или состоящим из совсем тонких линий. Истоки таких примеров можно найти на сайте W3C. … подробнее →
Тэги:
femorphology,
filter,
svg,
запись
SVG: Особенности работы feGaussianBlur
2012-06-02 00:01:25
+ развернуть текст сохранённая копия
В предыдущей заметке была рассмотрена работа фильтра feTurbulence. На этот раз внимание привлекает другой интересный SVG-фильтр feGaussianBlur. С его помощью к объектам можно применять эффект размытия. Также как и в прошлый раз попробуем применить его к картинке с изображением белой … подробнее →
Тэги:
backgroundimage,
chrome,
fegaussianblur,
filter,
firefox,
opera,
sourcegraphic,
stddeviation,
svg,
запись
SVG: Особенности работы фильтра feTurbulence
2012-05-27 22:20:31
+ развернуть текст сохранённая копия
Сегодня, попробовав в действии SVG-фильтр с эффектом feTurbulence, я обнаружил, что поддержка этого эффекта в разных браузерах отличается. Для наглядной демонстрации его работы удобно использовать какую-нибудь безобидную фотографию. Сверху на эту фотографию можно накладывать фильтр с разными настройками эффекта. Начну, … подробнее →
Тэги:
feturbulence,
filter,
svg,
запись
