画像をグレースケールで表して、一定の階調値を超えなければそこのピクセル部分を任意の文字に変換されるようにしたいのですが、どこが原因かわからないです。
どうか手解きをお願いいたします。
以下がそのソースです。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>chenge</title> <script type="text/javascript"></script> <script type="text/javascript" src="canvas.js"></script> </head> <body> <img src=/game3/map.jpg id=aaa> <script type="text/javascript"> document.onload = function() { var canvas = document.getElementById("aaa"); var ctx = canvas.getContext("2d"); var img = new Image(); img.src = "/game3/map.jpg"; img.onload = function() { ctx.drawImage(img, 0, 0); var src = ctx.getImageData(0, 0, canvas.width, canvas.height); var dst = ctx.createImageData(canvas.width, canvas.height); var x=width; var y=height; **var pixel[x][y] = (src.data[i] + src.data[i+1] + src.data[i+2]) / 3;** for(var y=1; y<height; y++;){ for(var x=1; x<width; x++;){ for (var i = 0; i < src.data.length; i=i+4) { dst.data[i] = dst.data[i+1] = dst.data[i+2] = pixel; dst.data[i+3] = src.data[i+3]; if(pixel<150){ pixel[x][y]="#";} }}} ctx.putImageData(dst, 0, 0); }; }; </script> <canvas id="c1" width="width" height="height"> </body> </html>太字の部分にエラーが出ており、
"Uncaught SyntaxError: Unexpected token ["
と表示されています。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/13 11:55
2016/02/13 14:33