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

SVG: Анимация движения

2011-07-22 00:03:49 (читать в оригинале)

Еще одним интересным подходом к анимации объектов в SVG является анимация движения. В спецификации этот подход представлен тегом <animateMotion>. Самой важной частью тега animateMotion является параметр path который определяет путь объекта в пространстве. Этот путь строится в полном соответствии с … подробнее →

---

SVG: Анимация цвета

2011-07-21 23:54:25 (читать в оригинале)

В предыдущей заметке я разобрался с тем, как можно анимировать изменение отдельного свойства объекта в SVG. Если с числовыми параметрами SVG-тегов все в общем тривиально, то анимация цветовых параметров может вызывать некоторое недоумение: как можно анимировать слово black в слово … подробнее →

---

SVG: Анимация трансформаций

2011-07-21 23:44:37 (читать в оригинале)

Для создания трансформаций подобных тем, которые используются в CSS3, можно спокойно пользоваться свойством transform. А для анимации этих трансформаций можно использовать тег <animateTransform>. Общего с тегом <animate>: В attributeName кладем transform, а в качестве attributeType можно указать XML или CSS. … подробнее →

---

SVG: Анимация отдельных параметров объекта

2011-07-17 23:27:02 (читать в оригинале)

В рекомендации к реализации SVG есть очень интересный раздел — анимация. В этой заметке я запишу основные моменты, которые следует иметь ввиду при создании анимации отдельных параметров объекта. Для задания анимации внутри тега описывающего объект следует поместить тег <animate> со … подробнее →

---

SVG: Рисуем сложные контуры

2011-07-17 20:58:02 (читать в оригинале)

В предыдущей заметке о простых контурах в SVG я записал все простые способы отрисовки прямых линий с помощью тега <path />. Теперь пришло время рассмотреть кривые Безье (Bézier) и арки. Сперва, я бы хотел записать несколько строк о истории разработки … подробнее →