質問編集履歴
2
タイトル修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Vueでsvgを1,5秒毎に変化させたいが、うまくいきません。
|
|
1
|
+
Vueでsvgを1,5秒毎に変態（大きさを変化させる）させたいが、うまくいきません。
|
test
CHANGED
|
File without changes
|
1
言葉遣い訂正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Vueでsvgを1,5秒毎に
|
|
1
|
+
Vueでsvgを1,5秒毎に変化させたいが、うまくいきません。
|
test
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
Vue.jsでsvgを作成し、svg内にある2つのcircleを1.5秒毎に「
|
|
5
|
+
Vue.jsでsvgを作成し、svg内にある2つのcircleを1.5秒毎に「変態（大きさを変える）」させたいと考えています。
|
|
6
6
|
|
|
7
7
|
※ただし、この2つのcircleはrequestAnimationFrameでtranslateが常に実行されているため、一定の速度で動き続けています。
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
私は
|
|
11
|
+
私は変態させるために、circleのr要素を一時的に「大きくする(rを+5)→小さくする(rを-5)」を行おうと考え、下記の該当のソースコードのような実装を行いました。
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
「大きくする(rを+5)→小さくする(rを-5)」
|
|
22
22
|
|
|
23
|
-
のメソッドが一瞬で完了してしまうため、
|
|
23
|
+
のメソッドが一瞬で完了してしまうため、変態が確認できません（下記gif参照）
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
@@ -236,6 +236,6 @@
|
|
|
236
236
|
|
|
237
237
|
|
|
238
238
|
|
|
239
|
-
* 「
|
|
239
|
+
* 「変態」についてのロジックは他にどのような方法が考えられ、どのような実装になりますでしょうか？
|
|
240
240
|
|
|
241
241
|
* 「大きくする(rを+5)→小さくする(rを-5)」のロジックの場合、きれいに描くにはどのような修正が必要でしょうか？
|