SVGの手書き風アニメーション

前提・実現したいこと

手書き風のアニメーションを作成しようとしていますが、アニメーションが動きません。

発生している問題・エラーメッセージ

アニメーションが動かない

該当のソースコード

html
1<html>
2<head>
3  <meta charset="UTF-8">
4  <tilte>タイトル</title>
5
6      <style>
7      .cls-1{
8        fill:none;
9        stroke:#231815;
10        stroke-linecap:round;
11        stroke-miterlimit:10;
12        stroke-width:9px;
13        }
14      </style>
15
16      </head>
17      <body>
18
19        <svg id="move"class="mask" data-name="clipmask" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 483.639 121.563">
20
21
22          <defs>
23            <mask id="clipMask"  maskUnits="objectBoundingBox">
24              <g id="mask">
25              <path class="cls-1" d="M42.949,45.236c-18.5,33.556-50.665-5.412-12.944-24.264C84.7-1.047,166.856,39.1,65,52.967" transform="translate(-1.227 -8.446)"/>
26              <path class="cls-1" d="M90.162,12.946C75.288,28.743,50.355,96.3,22,95.969c-28.294.582-14.567-25.293,2.538-17.351" transform="translate(-1.227 -8.446)"/>
27              <path class="cls-1" d="M69.83,54.484c9.651,48.879,30.211,58.717,53.67,5.983,9.535-10.233-14.023,28.15-12.5,27.5,7,20.069,31.752-27.782,34.5-31.5-9.922,17.819-18.447,62.734-44.5,68.5-15.982,3.993-11.513-15.329-4-18,41.647-4.976,48.377-18.21,71-47,29.97-5.579-10.963,56.655-13.061,21.641" transform="translate(-1.227 -8.446)"/>
28              <path class="cls-1" d="M168.553,81.605c-1.389,14.589,3.91,9.987,12.447,7.362" transform="translate(-1.227 -8.446)"/>
29              <path class="cls-1" d="M200.5,60.467,182.851,91.92C187.507,87.763,208.679,57.3,215,61.967c-2,3-14.128,31.555-12.064,27.778C205.75,84.087,225.284,58.418,235,61.968c-6.7,5.492-28.6,49.009,2.88,22.161" transform="translate(-1.227 -8.446)"/>
30              <path class="cls-1" d="M270,61.967c-11.067-15.957-36.517,17.569-28.256,27.777,5.581,14.537,26.457-27.13,26.658-24.537-16.542,21.985-5.924,44,9.464,8.627" transform="translate(-1.227 -8.446)"/>
31              <path class="cls-1" d="M341.613,45.444C326.961,76.213,293.465,45.116,320,24.965c27.888-19.008,78.192,21.85,95,5" transform="translate(-1.227 -8.446)"/>
32              <path class="cls-1" d="M388.618,21.006C367.026,27.679,363.526,88.813,335,97.963c-29.654,18.279-80.456-19.064-48-45h1" transform="translate(-1.227 -8.446)"/>
33              <path class="cls-1" d="M376.553,76.324C401.73,79.374,402.6,42.079,382,65.964c-17.551,15.41-6.288,34.492,9.22,23.782,0,0,21.782-48.779,17.782-38.779s.5,9.5.5,9.5c23-1-7.184,20.2.5,31.5,0,0-4,6.659,5-1.171l9-7.83" transform="translate(-1.227 -8.446)"/>
34              <path class="cls-1" d="M456,62.188c-5.743-15.132-26.376,9.2-28.182,11.285-5.029.985-1.778,18.751,1.181,20.5,0,0,21-21,22-26s-7.319,18.555-4.66,21.778c3.026,11.33,19.325-19.734,24.174-28.528C472.5,51.826,458.3,88.455,463,91.967c7.263,5.928,17.991-15.665,17.336-18.133" transform="translate(-1.227 -8.446)"/>
35              <line class="cls-1" x1="473.494" y1="37.622" x2="472.143" y2="46.149"/>
36            </g>
37            </mask>
38            </defs>
39          <image  xlink:href="img/home_logo.svg" width="100%" height="100%" mask="url(#clipmask)"></image>
40        </svg>
41      </mask>
42
43
44<script src="js/vivus.js"></script>
45<script>
46  new Vivus('move',{
47    type:'oneByOne',duration:100,forceRender:false,animTimingFunction:Vivus.EASE_OUT})
48
49  
50
51  </script>
52  </body>
53  </html>
54