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