анимация не работает в хроме

есть такая конструкция

<object id="logotop" data="images/logo10.svg" type="image/svg+xml"></object>

к ней написан такой код:

window.onload = function() {
var logotop = document.getElementById("logotop"),
    svgDoclogotop = logotop.getSVGDocument(),
    line = svgDoclogotop.querySelectorAll('#line');
var d5 = new TimelineMax();
d5
    .staggerFrom(line, 0.5, {drawSVG:"0 0%"}, .5);
};

использую querySelectorAll потому что элементов #line много

в мозиле все работает, в хроме нет. если встроить svg в html - -все отлично. но так как svg весит 316кб, будет очнь длинный не читаемый код.

что можно сделать? спасибо!