javascript - 我如何找到拉斐尔中元素的位置？

Question

我正在使用 raphael 制作一个球的动画，需要在停止动画后找出位置，这是我的代码:

ball.stop();
console.log(ball.attrs.transform);
// t399.6625490203161,180r180

如何将这个字符串转换成球的 x,y 位置？

Answer 1

您可以使用 Element.getBBox为此:

var x = ball.getBBox().x;
var y = ball.getBBox().y;
var r = ball.getBBox().height / 2;
console.log(x, y, r);

---

但要小心:

坐标(element.getBBox().x，element.getBBox().y)将引用边界框的左上角。
如果球是一个圆，该点甚至不会包含在圆中，使用圆心坐标可能更明智。

给定边界框bbox，对于那些将是

var x = bbox.x + bbox.width / 2,
    y = bbox.y + bbox.height / 2;