php - 获取照片的随机部分

Question

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

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

要完成我的元素，我需要能够做以下两件事之一:

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

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

有没有免费的库或简单的方法来实现这些功能？

谢谢!

Answer 1

第一个问题，比较简单。您只需要将图片 url 设置为方形元素的背景图片，例如 <div> ，然后用JS随机生成一个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 部分，我们利用了 HTML data-属性:

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

CSS 也非常简单:

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

你可以在这里看到 fiddle - http://jsfiddle.net/teddyrised/gabxj/

第二个问题 - 你尝试了什么？我在 Google 和 SO 上进行了快速搜索 - Any library for face recognition in JavaScript?