Блог

Главная - Вопросы по программированию - Кто-нибудь может предоставить какой-нибудь пример кода для событий Raphael JS?

Кто-нибудь может предоставить какой-нибудь пример кода для событий Raphael JS?

#javascript #events #raphael

#javascript #Мероприятия #рафаэль

Вопрос:

Я не знаю, как использовать события Raphael JS.

Мне нужен какой-нибудь пример. Я вижу документацию, и функция должна быть передана, но не работает.

Кто-нибудь может привести какой-нибудь пример того, как получить положение мыши для щелчка на холсте?

РЕДАКТИРОВАТЬ: я вижу в документации события для Element . Это будет работать для Paper ? Как я создаю mousedown() событие для Paper ?

Комментарии:

1. Вы используете Raphael 2?

2. @Radagaisus Raphael JS, библиотека JavaScript для рисования, графики и т. Д.

3. Я знаю 🙂 несколько дней назад была опубликована версия 2 библиотеки. Таким образом, мой вопрос.

Ответ №1:

 clickEvent = function(){
    alert("Hello World!");
}

paper = Raphael(...);
paper.raphael.click(clickEvent);

Ответ №2:

 p.mouseover(function () {
   p.stop().animate({transform: "s1.1 1.1 "   cx   " "   cy}, ms, "elastic");
   txt.stop().animate({opacity: 1}, ms, "elastic");
}).mouseout(function () {
   p.stop().animate({transform: ""}, ms, "elastic");
   txt.stop().animate({opacity: 0}, ms);
});

ознакомьтесь с исходным кодом в примерах Raphael.

Вот еще один пример с событием щелчка:

 movers[2].click(function () {
  this.cx = this.cx || 300;
  this.animate({cx: this.cx, "stroke-width": this.cx / 100, fill: this.cx - 100 ? "hsb(.2, .75, .75)" : "#000", "fill-opacity":  !!(this.cx - 100)}, 1000, "<");
  this.cx = this.cx == 300 ? 100 : 300;
});

который взят из примера упрощения.

Я не знаю, будет ли код работать на версии 2, хотя