SVG translate elements from svg coordinates
Hi, I have researched and tried various things but can't work out if there is a way to translate svg elements from 'absolute' coordinates?
i.e. translate a bunch of svg elements all starting from the center, and finishing at their actual position
So in the codepen, I would like to tween all the chickens from the black box to their actual positions ( on the black lines )
Currently, I put in the x,y value of the black box to tween from, but the chickens use thi
The trick here is that all those SVG child elements like <g> and <rect> have x and y of 0,0.
Please see this thread here in which @OSUblake explains getBBox() and provides a helper function that takes into account transforms.
Its probably a bit more than you need for this, but its a great utility to have around.
I used his getBBox() function to figure out the distance between the x and y of each chicken and the box using a function-based va
