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

Автомобили ручной работы в SVG

2012-04-27 21:51:32 (читать в оригинале)

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

---

SVG: Кто и как поддерживает анимацию через spline?

2012-04-25 20:44:10 (читать в оригинале)

Оказывается в SVG можно делать не только равномерные анимации, но и анимации с переменной скоростью. Для этого нужно добавить к элементу анимации свойство calcMode, которое по умолчанию выставлено в paced (равномерная анимация). В данном случае меня интересует значение spline, которое … подробнее →

---

SVG: Использование подключенных ресурсов

2012-04-24 17:00:14 (читать в оригинале)

Сегодня я столкнулся с еще одним странным поведением браузеров при интерпретации SVG. Допустим, нужно подключить SVG-изображение которое находится во внешнем файле. В секцию defs помещаю элемент image: <image id="rect" xlink:href="rect.svg" width="100" height="50"/> После этого использую его пару раз: <use xlink:href="#rect" … подробнее →

---

SVG: Такой странный animateMotion

2012-04-23 20:19:37 (читать в оригинале)

Прошлым летом я уже писал про SVG-элемент animateMotion и приводил пример его работы. Вчера он преподнес мне неожиданный сюрприз. Оказывается браузеры разделились в интерпретации параметра transform анимируемого объекта. В Firefox и Chrome\Chromium трансформации применяются только к объекту и его визуально … подробнее →

---

SVG: Кто чего поддерживает?

2012-04-22 22:47:53 (читать в оригинале)

В последнее время я обнаруживаю все больше деталей из спецификации SVG, которые тот или иной браузер не поддерживает. Например, Chrome не ловит мышейсобытия начала и конца анимации. Для быстрой проверки кто неправ — я или браузер удобно использовать специальные таблицы. … подробнее →