Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.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_Jquery_Css - Fatal编程技术网

Php 裁剪图像的可见部分

Php 裁剪图像的可见部分,php,jquery,css,Php,Jquery,Css,我有一个带有溢出:隐藏的div,其中包含图像(.draggable()),该图像通常比div大,我只需要获取图像的可见部分,然后将其发送到服务器端脚本并另存为新文件。所以我的问题是,如何只获取可见部分 谢谢 您有两个选项,根据在div中移动图像的方法,使用javascript在输入中保存参数,并在提交时使用POST方法传递参数 例如,通过图像的顶部和左侧,您已经知道div的宽度和高度,因此,如果左侧为-375px,您就知道应该将图像从375px裁剪到(375px+div的宽度),顶部也是如此 更

我有一个带有
溢出:隐藏
的div,其中包含图像(
.draggable())
,该图像通常比div大,我只需要获取图像的可见部分,然后将其发送到服务器端脚本并另存为新文件。所以我的问题是,如何只获取可见部分


谢谢

您有两个选项,根据在div中移动图像的方法,使用javascript在输入中保存参数,并在提交时使用POST方法传递参数

例如,通过图像的顶部和左侧,您已经知道div的宽度和高度,因此,如果左侧为-375px,您就知道应该将图像从375px裁剪到(375px+div的宽度),顶部也是如此

更好的选择是使用这个漂亮的jQuery插件:


您应该查看图像的绝对顶部和左侧值,并将其与相同的div顶部和左侧进行比较,将差异连同div宽度一起发送到服务器端,您可以通过其他一些程序/库来裁剪图像。

解决方案是获取可拖动对象的x,y位置。您可以通过在div上使用.top()和.left()来获取该数据。然后,您应该使用top、left、width、height数据将整个图像发送到服务器,并在服务器端进行裁剪


请注意,我认为可以使用CanvasHTML5元素和一些棘手的javascript将其裁剪到客户端。

应该已经这样做了,但溢出隐藏了,它不起作用?是的,它起作用了,但我需要检索可见部分并将其发送到服务器。