0

私はWebアプリに取り組んでおり、Web開発にはかなり慣れていません。

現在、私のプログラムは を取得し、写真に関連するユーザー入力を求めています。

プロジェクトを完了するには、次の 2 つのいずれかを実行できる必要があります。

  1. 写真の中からランダムに正方形を選択し、その部分だけを表示します。ページがリロードされるたびに画像のこの部分を変更して、別の部分を表示したいと考えています。

  2. 目や口などの顔の特徴を検出し、画像のその部分のみを表示します。

これらの機能のいずれかを実装する無料のライブラリまたは簡単な方法はありますか?

ありがとう！

4

1 に答える 1

1

最初の質問については、比較的簡単です。必要なのは、画像の URL を正方形の要素の背景画像として設定すること<div>だけです。x%y%background-position: x% y%

$(document).ready(function() {
    // Generate random x-y coordinates
    var x = parseInt(100*Math.random(0,1)),
        y = parseInt(100*Math.random(0,1));

    // Set background-image and position
    $('#img').css({
        'background-image':'url('+$('#img').data('img-src')+')',
        'background-position':x+'% '+y+'%'
    });
});

HTML 部分では、HTMLdata-属性を利用します。

<div id="img" data-img-src="/path/to/image"></div>

CSS も非常に単純です。

#img {
    width: 400px;
    height: 400px;
}

ここでフィドルを見ることができます - http://jsfiddle.net/teddyrised/gabxj/

2 番目の質問 -何を試しましたか? 私はGoogleとSOで簡単に検索しました - JavaScriptで顔認識のためのライブラリはありますか?

于 2013-04-14T00:46:47.107 に答える