橋本商会 » canvasで画像処理

html5のcanvasのピクセル単位の処理を試してみた。ここで動かせる → http://dev.shokai.org/test/canvas/cv/ ソースはここ https://github.com/shokai/js-canvas-test/tree/master/cv 輪郭抽出とかしてみた ■canvasでのピクセル処理方法 canvasはgetContext(‘2d’)してからgetImageDataするとImageDataオブジェクトが手に入る。 あとの処理はこんな感じ（画像をグレースケールにする例、cv/main.jsの39行目あたり） var canvas = $('canvas#img'); var ctx = canvas[0].getContext('2d'); var img = ctx.getImageData(0, 0, canvas[0].width, ca

[hirorock]

"別ドメインの画像をcanvasに読み込んで、getImageDataはできない。" コレでつまづいてたところあったんだよね！解決しました CANVAS base64