teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

4

修正

2019/02/28 15:53

投稿

cerfweb
cerfweb

スコア1907

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: 8, forceRender: false, animTimingFunction:Vivus.EASE, start:'manual'}); // start:'manual'を追加
5
5
 
6
6
  $(function(){
7
7
  $("body").hide();

3

修正

2019/02/28 15:53

投稿

cerfweb
cerfweb

スコア1907

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

追記

2019/02/28 15:50

投稿

cerfweb
cerfweb

スコア1907

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

追記

2019/02/28 15:49

投稿

cerfweb
cerfweb

スコア1907

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
  });