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

发布于 2024-12-08 05:42:56 字数 240 浏览 1 评论 0原文

我不知道如何使用 Raphael JS 事件。

我需要一些例子。我看到文档并且必须传递一个函数,但不起作用。

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

编辑:我在Element的文档事件中看到。这适用于纸张吗?如何为 Paper 创建 mousedown() 事件?

I don't know how to use Raphael JS events.

I need some example. I see the documentation and a function must be passed, but is not working.

Someone can provide some example of how to get the mouse position of a click in the canvas?

EDIT: I see in documentation events for Element. This will work for Paper? How I create a mousedown() event for Paper?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

牵你手 2024-12-15 05:42:56
clickEvent = function(){
    alert("Hello World!");
}

paper = Raphael(...);
paper.raphael.click(clickEvent);
clickEvent = function(){
    alert("Hello World!");
}

paper = Raphael(...);
paper.raphael.click(clickEvent);
南风起 2024-12-15 05:42:56
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

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

check out the source code in the Raphael examples.

Here's another example with a click event:

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

which is taken from the easing example.

I don't know if the code will work on version 2, though

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文