回答編集履歴
4
修正
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
var stroke;
|
|
6
6
|
|
|
7
|
-
stroke = new Vivus('svg-animation', {type: 'scenario-sync', duration:
|
|
7
|
+
stroke = new Vivus('svg-animation', {type: 'scenario-sync', duration: 8, forceRender: false, animTimingFunction:Vivus.EASE, start:'manual'}); // start:'manual'を追加
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
3
修正
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
var stroke;
|
|
6
6
|
|
|
7
|
-
stroke = new Vivus('svg-animation', {type: 'scenario-sync', duration: 10, forceRender: false,animTimingFunction:Vivus.EASE, start:'manual'}); // start:'manual'を追加
|
|
7
|
+
stroke = new Vivus('svg-animation', {type: 'scenario-sync', duration: 10, forceRender: false, animTimingFunction:Vivus.EASE, start:'manual'}); // start:'manual'を追加
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
2
追記
test
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
以下のような書き方でいかがでしょうか。
|
|
2
2
|
|
|
3
3
|
```JavaScript
|
|
4
|
+
|
|
5
|
+
var stroke;
|
|
6
|
+
|
|
7
|
+
stroke = new Vivus('svg-animation', {type: 'scenario-sync', duration: 10, forceRender: false,animTimingFunction:Vivus.EASE, start:'manual'}); // start:'manual'を追加
|
|
8
|
+
|
|
9
|
+
|
|
4
10
|
|
|
5
11
|
$(function(){
|
|
6
12
|
|
|
@@ -8,7 +14,7 @@
|
|
|
8
14
|
|
|
9
15
|
$("body").fadeIn(2000, function(){
|
|
10
16
|
|
|
11
|
-
|
|
17
|
+
stroke.play();
|
|
12
18
|
|
|
13
19
|
console.log("stroke");
|
|
14
20
|
|
1
追記
test
CHANGED
|
@@ -8,6 +8,8 @@
|
|
|
8
8
|
|
|
9
9
|
$("body").fadeIn(2000, function(){
|
|
10
10
|
|
|
11
|
+
// ここにアニメーション表示のコードを書く
|
|
12
|
+
|
|
11
13
|
console.log("stroke");
|
|
12
14
|
|
|
13
15
|
});
|