The canvas coordinates of randomly placed composition CSS elements

[Hector Haralambous 1 Likes (Newbie)]

See the Pen NWRWRKw by xektor (@xektor) on CodePen

[mikel 3,665 Likes (Superhero)]

Hey @Hector Haralambous,

 

Welcome to the GreenSock Forum.

 

Here an example to get the position of an element relative to the document / to the parent (see console).

 

Overlapping: This requires complex logic. Here is an example of how Draggable hitTest is used

(no way to get pixel-perfect hit testing for non-rectangular shapes): drag the blue (only this one!).

 

See the Pen 10150b34fdfd81f1e314f57355d7990d?editors=1010 by mikeK (@mikeK) on CodePen

 

Happy tweening ...

Mikel

 

 

[Hector Haralambous 1 Likes (Newbie)]

Thank you very much Mikel,

Your reply is precisely what I wanted. I am going to extend the functions do that they apply onto an array of my compositions elements. 

 

Hector

 

 

[Hector Haralambous 1 Likes (Newbie)]

 

See the Pen RwGoypg?editors=1111 by xektor (@xektor) on CodePen

 

elementcoordinatesgreensockforum.zip