Php 获取照片的随机分段
我正在开发一个web应用程序,对web开发来说是个新手 目前,我的程序收到一个请求,并要求用户输入与照片相关的内容 要完成我的项目,我需要能够完成以下两件事之一:Php 获取照片的随机分段,php,javascript,jquery,css,Php,Javascript,Jquery,Css,我正在开发一个web应用程序,对web开发来说是个新手 目前,我的程序收到一个请求,并要求用户输入与照片相关的内容 要完成我的项目,我需要能够完成以下两件事之一: 在照片中选择一个随机方块,并仅显示该部分。我希望图像的这一部分在每次重新加载页面时改变,以显示不同的部分 检测面部特征,如眼睛或嘴巴,并仅显示图像的该部分 有没有免费的库或简单的方法来实现这些功能 谢谢大家! 对于第一个问题,它相对简单。您只需将图像url设置为方形元素的背景图像,例如a,然后使用JS为背景位置:x%y%属性随机生成一
谢谢大家! 对于第一个问题,它相对简单。您只需将图像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部分,我们利用HTMLdata-
属性:
<div id="img" data-img-src="/path/to/image"></div>
你可以在这里看到小提琴-
第二个问题——你试过什么?我在谷歌上快速搜索了一下,所以-1。您希望通过CSS和JS实现客户端还是通过图像处理库实现服务器端?2.这段对话可能会有所帮助:我搜索了,但我想找的是最好的建议,但你的帮助。我现在就要试试你的功能!
#img {
width: 400px;
height: 400px;
}