I'm working on a tool that will build kinetic type and really struggling with the timing of things. Trying to emulate this kind of thing - http://aescripts.com/typemonkey/
I'm using a foreignobject in a main SVG with div's containing a span wrapping each word. I'm looping through each word snagging the left, top, width and height and using those variables to fill the main SVG's viewBox attribute using this function:
function buildTweens() {
var time = 0;
$('.word').each(function(){
var x = parseInt($(this).position().left),
y = parseInt($(this).position().top),