質問編集履歴
2
余計なものを削除した
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -46,8 +46,6 @@
|
|
|
46
46
|
|
|
47
47
|
var changedData = cx.createImageData(imageData);
|
|
48
48
|
|
|
49
|
-
//ここで画像を処理したい
|
|
50
|
-
|
|
51
49
|
cx2.putImageData(imageData,0,0);
|
|
52
50
|
|
|
53
51
|
};
|
1
実現したいことの説明
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
```ここに言語を入力
|
|
2
|
+
|
|
3
|
+
|
|
2
4
|
|
|
3
5
|
以下のコードを実行するとUncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
|
|
4
6
|
|
|
5
7
|
というエラーが出ます。
|
|
6
8
|
|
|
7
9
|
どうすれば解消できるでしょうか？
|
|
10
|
+
|
|
11
|
+
このコードは指定した画像をcanvasで描画し、そのcanvasからgetImageData（）でデータを読み取り
|
|
12
|
+
|
|
13
|
+
別のcanvasで描画するというものです。
|
|
14
|
+
|
|
15
|
+
|
|
8
16
|
|
|
9
17
|
<html>
|
|
10
18
|
|
|
@@ -38,6 +46,8 @@
|
|
|
38
46
|
|
|
39
47
|
var changedData = cx.createImageData(imageData);
|
|
40
48
|
|
|
49
|
+
//ここで画像を処理したい
|
|
50
|
+
|
|
41
51
|
cx2.putImageData(imageData,0,0);
|
|
42
52
|
|
|
43
53
|
};
|