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

#javascript #jquery #svg #dom #gsap

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




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

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кб, будет очнь длинный
не читаемый код.

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

Ответы

Ответ 1

Решено!
оказалось что 

getSVGDocument()


работает в хроме только если закинуть файлы на сервер. просто из папки не работает.