質問編集履歴
4
整頓
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
高速に画像
|
|
1
|
+
canvasよりも高速に画像処理したい。
|
test
CHANGED
|
@@ -1,29 +1,27 @@
|
|
|
1
|
-
|
|
1
|
+
canvasで複数の画像を連結し、toDataURL()で取得したのですが、
|
|
2
2
|
|
|
3
|
-
canvas で複数枚の画像を合成(連結)し、toDataURL() で取得したのですが、
|
|
4
|
-
|
|
5
|
-
数が多いからか、数秒かかってしまいました。
|
|
6
|
-
|
|
7
|
-
も
|
|
3
|
+
数秒かかってしまいました。canvasよりも高速に画像処理する方法はあるでしょうか？
|
|
8
4
|
|
|
9
5
|
|
|
10
6
|
|
|
11
|
-
流れ
|
|
7
|
+
### 現在の流れ
|
|
12
8
|
|
|
13
9
|
- 画像をロード
|
|
14
10
|
|
|
15
|
-
-
|
|
11
|
+
- 合成(canvasのdrawImage使用)
|
|
16
12
|
|
|
17
13
|
- toDataURL()で取得
|
|
18
14
|
|
|
19
15
|
|
|
20
16
|
|
|
21
|
-
###
|
|
17
|
+
###他に試したこと
|
|
22
18
|
|
|
23
|
-
|
|
19
|
+
sharpを使って連結しましたが、canvas同様時間がかかってしまいました。
|
|
24
20
|
|
|
25
21
|
|
|
26
22
|
|
|
27
|
-
###他に試したこと
|
|
28
23
|
|
|
24
|
+
|
|
25
|
+
###環境
|
|
26
|
+
|
|
29
|
-
|
|
27
|
+
Chrome
|
3
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
JavaScriptで高速に画像を合成したいです。
|
|
2
2
|
|
|
3
|
-
canvas で
|
|
3
|
+
canvas で複数枚の画像を合成(連結)し、toDataURL() で取得したのですが、
|
|
4
4
|
|
|
5
5
|
数が多いからか、数秒かかってしまいました。
|
|
6
6
|
|
|
@@ -8,17 +8,11 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
※ここでの画像の合成とは、ある画像と別の画像を並べて一枚の画像にすることです。
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
11
|
流れとしては
|
|
16
12
|
|
|
17
|
-
-
|
|
13
|
+
- 画像をロード
|
|
18
14
|
|
|
19
|
-
-
|
|
15
|
+
- ロードした画像を合成(canvasのdrawImage使用)
|
|
20
|
-
|
|
21
|
-
canvasでベース画像を作成して、その上にロードした画像を貼り付けました。
|
|
22
16
|
|
|
23
17
|
- toDataURL()で取得
|
|
24
18
|
|
|
@@ -28,10 +22,8 @@
|
|
|
28
22
|
|
|
29
23
|
Windows10
|
|
30
24
|
|
|
31
|
-
Electron
|
|
32
|
-
|
|
33
25
|
|
|
34
26
|
|
|
35
27
|
###他に試したこと
|
|
36
28
|
|
|
37
|
-
|
|
29
|
+
sharpを使って合成しましたが、canvas同様時間がかかってしまいました。
|
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,6 +18,8 @@
|
|
|
18
18
|
|
|
19
19
|
- canvasを作成しロードした画像を合成(ctx.drawImage使用)
|
|
20
20
|
|
|
21
|
+
canvasでベース画像を作成して、その上にロードした画像を貼り付けました。
|
|
22
|
+
|
|
21
23
|
- toDataURL()で取得
|
|
22
24
|
|
|
23
25
|
|
1
画像の合成とは
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -5,6 +5,10 @@
|
|
|
5
5
|
数が多いからか、数秒かかってしまいました。
|
|
6
6
|
|
|
7
7
|
もっと高速に合成する方法はあるでしょうか？
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
※ここでの画像の合成とは、ある画像と別の画像を並べて一枚の画像にすることです。
|
|
8
12
|
|
|
9
13
|
|
|
10
14
|
|