Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.03.2018, 16:32
Аватар для villiwalla
Интересующийся
Отправить личное сообщение для villiwalla Посмотреть профиль Найти все сообщения от villiwalla
 
Регистрация: 16.02.2016
Сообщений: 22

Почему совершается лишние движение элемента в SVG?
Есть окружность по которой должен бегать мелкий круг, но после 3-го (шага) клика на next, элемент описывает полностью всю окружность и занимает позицию так таковую которая предполагалась.

Почему круг совершает движение по все окружности и возвращается в предполагаемое положение?

https://jsfiddle.net/yanyshevvd/r0svp54y/
Ответить с цитированием
  #2 (permalink)  
Старый 13.03.2018, 17:22
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,324

villiwalla,
Подробно разбираться было некогда, но это animate() при rotate что-то пакостит... Выворачивается наизнанку.
Если убрать animate - шарик прыгает на положенное место, без лишних телодвижений. Правда, быстро.
Ответить с цитированием
  #3 (permalink)  
Старый 13.03.2018, 17:32
Аватар для Белый шум
Профессор
Отправить личное сообщение для Белый шум Посмотреть профиль Найти все сообщения от Белый шум
 
Регистрация: 19.01.2012
Сообщений: 253

В хроме нормально вроде, только иногда другой баг вылазит - до 100% не хочет доходить окружность (вроде есть шанс воспроизвести если нажимать Next в момент подхода анимации шага к завершению).
Ответить с цитированием
  #4 (permalink)  
Старый 13.03.2018, 18:33
Аватар для villiwalla
Интересующийся
Отправить личное сообщение для villiwalla Посмотреть профиль Найти все сообщения от villiwalla
 
Регистрация: 16.02.2016
Сообщений: 22

Сообщение от Dilettante_Pro Посмотреть сообщение
villiwalla,
Подробно разбираться было некогда, но это animate() при rotate что-то пакостит... Выворачивается наизнанку.
Если убрать animate - шарик прыгает на положенное место, без лишних телодвижений. Правда, быстро.
Попробую свою анимацию через style сделать, есть подозрение что matrix проблему подкидывает.
Ответить с цитированием
  #5 (permalink)  
Старый 13.03.2018, 19:22
Аватар для villiwalla
Интересующийся
Отправить личное сообщение для villiwalla Посмотреть профиль Найти все сообщения от villiwalla
 
Регистрация: 16.02.2016
Сообщений: 22

Сообщение от Белый шум Посмотреть сообщение
В хроме нормально вроде, только иногда другой баг вылазит - до 100% не хочет доходить окружность (вроде есть шанс воспроизвести если нажимать Next в момент подхода анимации шага к завершению).
Странно что в хроме, т.к и у меня в хроме. Возможно попали на мои правки, сейчас вернул к моменту проблемы. Да баг есть, спасибо.
Ответить с цитированием
  #6 (permalink)  
Старый 13.03.2018, 21:57
Аватар для Белый шум
Профессор
Отправить личное сообщение для Белый шум Посмотреть профиль Найти все сообщения от Белый шум
 
Регистрация: 19.01.2012
Сообщений: 253

villiwalla,
Да, сейчас воспроизводится. В тот раз маленький кружок совсем не перемещался.
Ответить с цитированием
  #7 (permalink)  
Старый 13.03.2018, 22:06
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 2,536

начиная с третьего клика маленький кружок больше 360 делать начинает.
Ответить с цитированием
  #8 (permalink)  
Старый 14.03.2018, 08:21
Аватар для villiwalla
Интересующийся
Отправить личное сообщение для villiwalla Посмотреть профиль Найти все сообщения от villiwalla
 
Регистрация: 16.02.2016
Сообщений: 22

Сообщение от j0hnik
начиная с третьего клика маленький кружок больше 360 делать начинает.
Вот про это и речь
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Создание SVG элемента и вставка на страницу FINoM Events/DOM/Window 3 13.09.2015 16:47
Почему можно использовать id элемента без использования getElementById? grifangel Общие вопросы Javascript 3 08.01.2014 20:20
Добавление элемента в SVG jazzz13 Events/DOM/Window 3 22.12.2011 09:09
SVG добавление дочернего элемента zaytsewa Общие вопросы Javascript 14 16.06.2011 11:48
Почему нет движения элемента? DZHETIGAPA Элементы интерфейса 14 20.04.2011 10:15