Get x, y coordinates from SplitText

[friendlygiraffe]

Is it possible to retrieve the coordinates from a SplitText array? This outputs undefined

var mySplitText2 = new SplitText("#quote2", {type:"chars"});
console.log(mySplitText2.chars[0].x);

Thanks

[OSUblake]

There is no x property on an element. You need to use getBoundingClientRect.

var mySplitText2 = new SplitText("#quote2", {type:"chars"});
console.log(mySplitText2.chars[0].getBoundingClientRect().left);

[friendlygiraffe]

 

There is no x property on an element. You need to use getBoundingClientRect.

var mySplitText2 = new SplitText("#quote2", {type:"chars"});
console.log(mySplitText2.chars[0].getBoundingClientRect().left);

Thanks for replying, that has set in the right direction, though there seems to be a discrepancy in the x, y:

 

See the Pen pbdZda by friendlygiraffe (@friendlygiraffe) on CodePen

 

Possible a padding / CSS issue?

[OSUblake]

If you're trying to match the exact position, you would need to calculate their delta.

See the Pen KryWRQ?editors=0010 by osublake (@osublake) on CodePen

[friendlygiraffe]

If you're trying to match the exact position, you would need to calculate their delta.

See the Pen KryWRQ?editors=0010 by osublake (@osublake) on CodePen

Great,thanks!