Я пытаюсь добавить круг SVG-элемента к существующему элементу SVG, я хочу, чтобы крутить, чтобы сидеть поверх карты, т.е. накладывать, но я не могу сделать это правильно, у меня есть создал JSfiddle для этого. Пожалуйста, дайте мне знать, как этого добиться.Добавить SVG-элемент в существующий элемент SVG с помощью JS
Как добавить в точном взаимодействии ординаты я использую ниже код
document.getElementById('us').appendChild(c1);
Вы должны удалить OnMouseOver атрибут из HTML и связывать наведение курсора мыши события в JavaScript коды, что-то вроде этого псевдокода:
var item = document.getElementById('id');
item.addEventListener('mouseover', function() {
var x = getXPosition();
var y = getYPosition();
circleElement.setAttribute('cx', x);
circleElement.setAttribute('cy', y);
}, false);
Вы также должны показать/скрыть элемент при необходимости с помощью классов css, встроенного стиля или любого другого метода.
Вы добавляете его правильно. Дело в том, что вы не вызываете функцию create() в любом месте ... –
Я обновил скрипку, метод вызывается, как только вы наводите мышь на карту. Пожалуйста, дайте мне знать, чтобы разместить ее в точном месте. – Ashwin