使用vivus动画SVG - "无法读取属性'长度'"

时间:2015-09-23 03:45:29

标签: javascript jquery svg vivus

所以我只是试着给一个朋友提供一个基本的想法,这个朋友的字母是" M" (他的标志)就像在白板上画出来一样。

我正在尝试使用Vivus为SVG设置动画。

<!DOCTYPE html>
<html>
<head>
    <title>MARKUR | MUSIC</title>
<link rel="stylesheet" type="text/css" href="index.css">
<script src='bower_components/jquery/dist/jquery.js'></script>
</head>
<body>
    <div id="content">
        <div id="container"> 
            <!--<object type="image/svg+xml" data="img/markur.svg" id="markurLogo">Your browser does not support SVG</object>-->
        </div>
    </div>
    <script src="bower_components/vivus/dist/vivus.js"></script>
    <script>
        var myVivus = new Vivus('container', {type: 'oneByOne', start: 'autostart', duration: 200, file: 'img/markur.svg'});
        myVivus.play(2)
    </script>
</body>
</html>

在网站上,我能够显示SVG,所以我知道我得到了正确的信息,但是当我尝试调用其中一个函数时,错误才出现。

enter image description here

进一步检查时,我发现它是Vivus代码的一部分:

enter image description here

它说未定义,所以我必须在代码中的某处定义长度吗?我目前没有使用网络服务器,但它会与此有关吗?感谢您提供任何形式的帮助。

0 个答案:

没有答案