javascript - 动态获取 raphaeljs 元素的 x & y 值,即使它移动

标签 javascript jquery css raphael

即使在缩放或向左或向右移动后如何动态获取 raphael js 元素的 x 和 y 值,我想在我的元素附近显示一个 div,当我显示 element.getBBox() 值时我发现即使我移动元素或放大/缩小它们也不会改变,我用来获取 x 和 y 值的代码如下所示:

x = (myElement.getBBox().x+myElement.getBBox().x2)/2;
x+=$("#container").offset().left;
y = (myElement.getBBox().y+myElement.getBBox().y2)/2;
y+=$("#container").offset().left;

移动我的 div(工具提示)的代码是:

$("#myTooltip").css({"left":x+"px","top":y+"px"}).show();

注意:当我用鼠标坐标(使用 x=e.pageX;y=e.pageY;)做同样的事情时,它会起作用,但在这种情况下,我想在单击时执行此操作在页面中的另一个按钮上

提前致谢

最佳答案

我也在使用 Raphael 并发现了我认为您在元素中需要的东西。
要了解如何动态显示 xy,请查看此 DEMO :

当您四处拖动对象时,您可以看到它们的坐标动态变化。祝你好运

关于javascript - 动态获取 raphaeljs 元素的 x & y 值,即使它移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17302094/

相关文章:

css - 绑定(bind)不适用于属性 "class"

html - CSS 垂直尺寸

javascript - 将特殊的 css 背景应用于 cytoscape.js 边缘

javascript - 使用存储在 d3.js 数组中的数据绘制 d3.svg.arc 元素

javascript - 无法掉落超过 1 个克隆

asp.net - 主题对比。老派样式表

javascript - 检测视频何时缓冲,如果缓冲则显示 gif

javascript - Chrome 扩展 - 在内容脚本中接收请求

jquery - 无法 POST 到 IHTTPHandler 类,Access-Control-Allow-Origin 不允许来源

javascript - 在 DOM 上动态创建的元素上触发事件,这可能吗?