キャンバス：画像内のカードの検索コーナー

Question

私の目標は、画像から任意のカードを抽出するために..です

説明：

私は最初に次のイメージを持っている...

キャンバス上に描いて、鋭いエッジ検出を適用し、これを得ました。

私が取得したい結果はとsomethigようになります。私は、カードの角を見つける必要がある画像からカードを抽出するには

。

OR

私はインターネット上で見つかったもう一つの方法は次のとおりです。そして、すべてのエッジによる

1. ループとクローズのものを見つけ、

2. は最大のクローズドエッジと作物を探しますそれに応じて。

しかし、いずれの方法を実装するためのロジックを構築しようとしている間、私は無知になっています。

エッジ検出を得るためにこれをした、そしてさらに進行することができません：

var img = new Image(); 
img.src = "bcard.png"; 
img.onload = function() { 
    var canv = document.getElementById("canv"); 
    var ctx = canv.getContext("2d"); 
    canv.height = img.height; 
    canv.width = img.width; 
    ctx.drawImage(img,0,0); 
    window.canny = CannyJS.canny(canv); //included a js script to do canny edge detection 
    canny.drawOn(canv); 

}

Answer 1

まず、私が提供された画像から赤チャンネル抽出しました。

赤チャネル画像：

次は私がガウスぼかしを適用し、それをぼやけ。

ボケ画像：

最後に、私は、次を得るためにエッジ検出を行います。

最終エッジ：カードをトリミングするために

は完全にあなただけONE外部輪郭を見つける必要があります。あなたはDILATE結果の画像

膨張画像があることを行うには：

を今、あなたは輪郭を見つける必要があります。存在する外部輪郭を見つける。この場合、輪郭は1つしか見つかりません。この輪郭の周りに境界の矩形を描画します。境界矩形の座標を使用して

、作物画像：

（I Pythonで結果のスクリプトを持っていますが、私はあなたのコード内のスクリプト化している見ますjavascript）