0

我正在开发一个网络应用程序，并且对网络开发很陌生。

目前我的程序得到一个并要求用户输入与照片相关的内容。

为了完成我的项目，我需要能够做以下两件事之一：

  1. 在照片中选择一个随机方块并仅显示该部分。我希望每次重新加载页面以显示不同的部分时，图像的这一部分都会发生变化。

  2. 检测面部特征，如眼睛或嘴巴，并仅显示图像的该部分。

任何免费库或实现这些功能的简单方法？

谢谢你！

4

1 回答 1

1

对于第一个问题，它相对容易。您只需将图片 url 设置为方形元素的背景图片，例如 a <div>，然后使用 JS为属性随机生成 ax%和：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/

第二个问题 -你试过什么？我在 Google 和 SO 上进行了快速搜索 - JavaScript 中用于人脸识别的任何库？

于 2013-04-14T00:46:47.107 回答