Как добавить маркер к «бумаге» Рафаэля в javascript? - PullRequest
3 голосов
/ 21 декабря 2011

Мне нужен маркер, который ведет себя так же, как добавление маркера на карту. При двойном щелчке вызывает отображение маркера в точке, по которой щелкнули, и возвращает координаты пикселей x / y точки, по которой щелкнули.

У меня есть бумага Рафаэля:

var R = Raphael("paper", 500, 500);

с путями (R.path("M 92.3456 ... 37.0934 Z")), определяющими фигуры. И я должен быть в состоянии добавить маркеры на этой бумаге с формами.

Я не программист javascript, поэтому я даже не знаю, с чего начать. Так что любая помощь здесь очень ценится!

1 Ответ

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

Хорошо, я сделал эту простую скрипку, чтобы помочь вам с вашей проблемой.

http://jsfiddle.net/mN5du/1/

Я просто добавляю событие двойного щелчка Рафаэля в круг (вы можете сделать то же самое)с вашими путями).Когда это событие запускается, координаты мыши сохраняются в двух переменных.Затем я просто использую эти две переменные, чтобы нарисовать новый круг.Если вы хотите нарисовать путь вместо круга, вам просто нужно использовать переменные в пределах координат пути.

Я надеюсь, что это работает для вас!Если у вас есть какие-либо вопросы, просто скажите мне!пока!

Редактировать: Посмотрите на комментарий ниже, хороший вклад в ответ!

Edit2: Линия console.log(x,y) Еечтобы печатать значения мыши в консоли браузера, код не обязательно должен работать.

...