如何在CSS3动画事件上触发SVG SMIL动画

时间:2014-04-10 11:36:43

标签: javascript jquery css3 svg

我试图在CSS3动画事件上触发SVG SMIL动画。我已经研究了一天左右,我无法让它发挥作用。我不确定这是否可能。

jsFiddle

// run script after ALL page content has loaded
$(window).load(function () {
    var a = document.getElementById('arm');
    //get the inner DOM of svg
    var svgDoc = a.contentDocument;
    //get the inner element by id
    var delta = svgDoc.getElementById('myAnimationElement');

$('body').one('webkitAnimationEnd oanimationend msAnimationEnd animationend',
    function () {
        var zzz = document.getElementById('myAnimationElement');
        var thing = document.getElementById('arm');
        zzz.beginElement();
        $('#arm').hide();
    });
});

0 个答案:

没有答案