質問編集履歴
2
文言の追加と、座標の修正を行いました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
3
3
|
1点の画像だけであれば問題なさそうなのですが、複数(10点ほど)のSVGのpointの値を効率よく書き変えたいです。
|
|
4
4
|
|
|
5
5
|
ライブラリは[snap.svg](http://snapsvg.io/)と[scrollmagic](http://scrollmagic.io/)です。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
アニメーションはスクロールした際に.maskを持つpolygonがあれば、
|
|
10
|
+
|
|
11
|
+
pointsの値を変更して、クリッピングの形に添うように画像をふわっと出したいと思っています。
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
ただ、フリーレイアウトのデザインの為、各maskクラスにつけるpointsの座標を毎度書き換えたいです。
|
|
16
|
+
|
|
17
|
+
(例： 下記javascriptのコメントアウト部分の様に)
|
|
6
18
|
|
|
7
19
|
|
|
8
20
|
|
|
@@ -68,7 +80,7 @@
|
|
|
68
80
|
|
|
69
81
|
追加したいpoint値
|
|
70
82
|
|
|
71
|
-
let fv_path_b = "
|
|
83
|
+
let fv_path_b = "1295,907 894,907 894,423 1295,423 ";
|
|
72
84
|
|
|
73
85
|
*/
|
|
74
86
|
|
1
誤字訂正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
svgのpointを
|
|
1
|
+
svgのpointを書き換えたい
|
test
CHANGED
|
File without changes
|