Question

我不知道如何使用Raphael JS活动。

我需要一些例子。我看到文档和函数必须通过，但不起作用。

有人可以提供一些如何在画布中获取点击鼠标位置的示例吗？

编辑：我在Element的文档事件中看到了。这适用于Paper？我如何为mousedown()创建Paper事件？

Answer 1

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

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

Answer 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 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，但

有人可以为Raphael JS事件提供一些代码示例吗？

2 个答案: