Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 获取照片的随机分段_Php_Javascript_Jquery_Css - Fatal编程技术网

Php 获取照片的随机分段

Php 获取照片的随机分段,php,javascript,jquery,css,Php,Javascript,Jquery,Css,我正在开发一个web应用程序,对web开发来说是个新手 目前,我的程序收到一个请求,并要求用户输入与照片相关的内容 要完成我的项目,我需要能够完成以下两件事之一: 在照片中选择一个随机方块,并仅显示该部分。我希望图像的这一部分在每次重新加载页面时改变,以显示不同的部分 检测面部特征,如眼睛或嘴巴,并仅显示图像的该部分 有没有免费的库或简单的方法来实现这些功能 谢谢大家! 对于第一个问题,它相对简单。您只需将图像url设置为方形元素的背景图像,例如a,然后使用JS为背景位置:x%y%属性随机生成一

我正在开发一个web应用程序,对web开发来说是个新手

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

要完成我的项目,我需要能够完成以下两件事之一:

  • 在照片中选择一个随机方块,并仅显示该部分。我希望图像的这一部分在每次重新加载页面时改变,以显示不同的部分

  • 检测面部特征,如眼睛或嘴巴,并仅显示图像的该部分

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


    谢谢大家!

    对于第一个问题,它相对简单。您只需将图像url设置为方形元素的背景图像,例如a
    ,然后使用JS为
    背景位置:x%y%
    属性随机生成一个
    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>
    
    你可以在这里看到小提琴-


    第二个问题——你试过什么?我在谷歌上快速搜索了一下,所以-

    1。您希望通过CSS和JS实现客户端还是通过图像处理库实现服务器端?2.这段对话可能会有所帮助:我搜索了,但我想找的是最好的建议,但你的帮助。我现在就要试试你的功能!
    #img {
        width: 400px;
        height: 400px;
    }