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将其裁剪到客户端。应该已经这样做了,但溢出隐藏了,它不起作用?是的,它起作用了,但我需要检索可见部分并将其发送到服务器。