Yarixxx Голосов: 1 Адрес блога: http://y3x.ru Добавлен: 2010-12-17 00:20:50 блограйдером yarix

SVG: Особенности работы фильтра feTurbulence

2012-05-27 22:20:31 (читать в оригинале)

Сегодня, попробовав в действии SVG-фильтр с эффектом feTurbulence, я обнаружил, что поддержка этого эффекта в разных браузерах отличается. Для наглядной демонстрации его работы удобно использовать какую-нибудь безобидную фотографию. Сверху на эту фотографию можно накладывать фильтр с разными настройками эффекта. Начну, … подробнее →

---

SVG: Фильтры и их эффекты

2012-05-26 13:31:46 (читать в оригинале)

В спецификации SVG есть раздел под названием «Filter Effects». Там описан элемент filter, который можно использовать для определения фильтров и параметр filter, который нужен для их использования. Как определить фильтр? В секции defs SVG-документа нужно описать фильтр filter с идентификатором … подробнее →

---

Юмор для веб-технологов

2012-05-20 19:52:51 (читать в оригинале)

Вот было бы хорошо создать сервис альтернативный твиттеру и назвать его свиттер. Подписать туда бабушек. А потом можно задавать такие вопросы: А у вас есть свиттер? Для чего вообще нужен этот свиттер? Мне и так тепло. Сколько у тебя ниток … подробнее →

---

SVG: Используем pattern для заполнения объектов

2012-05-03 08:58:18 (читать в оригинале)

Сегодня мне удалось попробовать элемент pattern для создания необычной заливки SVG-объекта. Этот опыт нужно записать! Для начала нужно создать сам паттерн в секции defs. Например так: <pattern id="bricks" patternUnits="userSpaceOnUse" x="0" y="0" width="10" height="10"> <rect width="10" height="10" style="fill:#DB531D"/> <path d="M1,0 L9,0" … подробнее →

---

SVG: Особенности оформления фигур с помощью CSS

2012-05-02 22:50:29 (читать в оригинале)

Сегодня я столкнулся с весьма интересными особенностями работы браузеров при отображении SVG-фигур оформленных через CSS. Для начала возьмем и создадим тестовый SVG-объект: <rect id="testRect" x="100" y="100" width="300" height="100"/> Первая часть эксперимента Через инлайн стили зададим ему офромление. Для этого добавим … подробнее →