Выбор манипулирования существующим элементом с помощью jQuery SVG - PullRequest
4 голосов
/ 22 ноября 2011

Все примеры на веб-сайте jQuery SVG, похоже, направлены на создание SVG-объекта в javascript и создание новых элементов внутри него. Это не много говорит о манипулировании существующей разметкой.

ПРОБЛЕМА:

У меня есть существующий объект SVG с событиями, связанными с функциями JavaScript. Я хочу взять цель события (в данном случае элемент SVG Path) и .animate() использовать jQuery SVG.

Однако , просто $(myElement).animate(), похоже, не работает. Кажется, проблема в том, что $(myElement) не принимает аргументы объекта SVG или что-то в этом роде.

Как ни странно, обратный вызов анимации завершения, кажется, работает, но никакой тип анимации, который я пытаюсь сделать с ним, вообще не работает.

Я не уверен, что он правильно распознает цель события как SVG <path>.

Кажется, что даже прямое манипулирование атрибутами пути не работает (использование .attr())

На самом деле я знаю, что myElement является допустимым SVG-путем, потому что, если я использую базовые методы JS DOM, такие как изменение класса с помощью .setAttribute(), он отлично работает.

1 Ответ

1 голос
/ 20 декабря 2011

Возможно, это поможет вам: http://keith -wood.name / svgRef.html # support Просто пример, взятый с этой страницы: $ (shape) .animate ({svgFill: 'lightblue'}, 2000);

...