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

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

3 голосов
/ 05 октября 2011

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

Мне нужен пример. Я вижу документацию и функцию нужно пропустить, но она не работает.

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

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

Ответы [ 2 ]

4 голосов
/ 07 октября 2011 
clickEvent = function(){
    alert("Hello World!");
}

paper = Raphael(...);
paper.raphael.click(clickEvent);
1 голос
/ 05 октября 2011 
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, хотя

...