在Raphael中,您可以使用getCursor()
方法来获取光标的坐标。以下是一个简单的示例:
// 创建一个Raphael画布
var paper = Raphael(0, 0, 500, 500);
// 添加一个矩形
var rect = paper.rect(100, 100, 200, 100);
// 设置矩形的属性
rect.attr({
fill: "#f00",
stroke: "#fff",
"stroke-width": 2
});
// 绑定事件处理程序
rect.mousemove(function(event) {
// 获取光标坐标
var cursorX = event.clientX;
var cursorY = event.clientY;
// 在控制台中输出光标坐标
console.log("光标坐标:(" + cursorX + ", " + cursorY + ")");
});
在这个示例中,我们首先创建了一个Raphael画布,然后添加了一个矩形。接下来,我们为矩形绑定了一个mousemove
事件处理程序,当鼠标在矩形上移动时,该处理程序将被调用。在处理程序中,我们使用event.clientX
和event.clientY
来获取光标的坐标,并在控制台中输出这些坐标。
云+社区沙龙online第5期[架构演进]
小程序·云开发官方直播课(数据库方向)
小程序云开发官方直播课(应用开发实战)
云+社区技术沙龙[第6期]
Elastic 中国开发者大会
云+社区技术沙龙 [第30期]
腾讯云GAME-TECH沙龙
小程序·云开发官方直播课(数据库方向)
领取专属 10元无门槛券
手把手带您无忧上云