質問編集履歴
2
書き加えます
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
任意座標からの画像表示
|
|
1
|
+
任意画像の任意座標からの画像表示ができないです
|
body
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
任意の画像のトリミングをしたいと考えています。
|
|
2
2
|
このときに、トリミングする始点(sx,sy)を任意の画像をクリックした座標に設定したいです。
|
|
3
3
|
プログラムでは、xとyをグローバル変数で宣言して、後で、event.xとevent.yをそれぞれx,yに代入して、それを始点にするように組んだのですが、(0,0)からの画像が表示されてしまいます。代入できていないようですが、何が原因なのでしょうか。
|
|
4
|
-
よろしくお願いします。
|
|
4
|
+
よろしくお願いします。
|
|
5
|
+
※訂正します
|
|
6
|
+
クリックしたところから始まる範囲の画像をトリミングすることはできますか?
|
|
7
|
+
もしくは、画像は表示できなくても良いので、その範囲の階調値を取得することはできますか?
|
|
8
|
+
元の画像は、モノクロ画像です。
|
|
9
|
+
|
|
5
10
|
<img id="aaa" src="/sub/map.jpg" height="500">
|
|
6
11
|
<script type="text/javascript">
|
|
7
12
|
var x=0;
|
1
少し間違っていたので修正しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
任意の画像のトリミングをしたいと考えています。
|
|
2
2
|
このときに、トリミングする始点(sx,sy)を任意の画像をクリックした座標に設定したいです。
|
|
3
|
-
プログラムでは、xとyをグローバル変数で宣言して、後で、event.xとevent.yをそれぞれx,yに代入して、それを始点にするように組んだのですが、
|
|
3
|
+
プログラムでは、xとyをグローバル変数で宣言して、後で、event.xとevent.yをそれぞれx,yに代入して、それを始点にするように組んだのですが、(0,0)からの画像が表示されてしまいます。代入できていないようですが、何が原因なのでしょうか。
|
|
4
4
|
よろしくお願いします。
|
|
5
5
|
<img id="aaa" src="/sub/map.jpg" height="500">
|
|
6
6
|
<script type="text/javascript">
|
|
@@ -35,6 +35,5 @@
|
|
|
35
35
|
img.src = "/sub/map.jpg?" + new Date().getTime();
|
|
36
36
|
/* 画像が読み込まれるのを待ってから処理を続行 */
|
|
37
37
|
img.onload = function() {
|
|
38
|
-
}
|
|
39
|
-
ctx.drawImage(img, x, y, 500, 400, 80, 60, 400, 300);}
|
|
38
|
+
ctx.drawImage(img, x, y, 500, 400, 80, 60, 400, 300);}}
|
|
40
39
|
</script>
|