1

所以我只是想给出一个我想为朋友开发的基本概念，其中字母“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，因此我知道我做对了，但是仅当我尝试调用其中一个函数时才会出现错误。

在此处输入图像描述

经过进一步检查，我发现它是 Vivus 代码的一部分：

在此处输入图像描述

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

4

0 回答 0