2011-10-05 56 views
3

我不知道如何使用Raphael JS事件。有人可以爲Raphael JS事件提供一些代碼示例嗎?

我需要一些例子。我看到文檔和函數必須通過,但不起作用。

有人可以提供一些如何獲得鼠標在畫布上的點擊位置的例子?

編輯:我在文檔事件中看到Element。這將適用於Paper?我如何爲Paper創建mousedown()事件?

+0

是否使用拉斐爾2? – CamelCamelCamel

+0

@Radagaisus Raphael JS,一個用於畫圖,圖形等的javascript庫 –

+0

我知道:)幾天前,圖書館的版本2已經發布。因此我的問題。 – CamelCamelCamel

回答

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

paper = Raphael(...); 
paper.raphael.click(clickEvent); 
1
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 examples中的源代碼。

這裏有一個點擊事件又如:

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; 
}); 

其從easing example拍攝。

我不知道該代碼將在2版工作,雖然

相關問題