如何使用 jquery 裁剪缩放的图像

Posted

技术标签:

【中文标题】如何使用 jquery 裁剪缩放的图像【英文标题】:how to crop a zoomed image using jquery 【发布时间】:2011-05-17 05:04:54 【问题描述】:

我必须创建一个customized avatar,我需要在其中使用 jquery zoom image and crop that 我发现了许多分别用于缩放和裁剪的插件,但两者都没有。我使用的服务器端是php.

【问题讨论】:

【参考方案1】:

我使用Jcrop 来裁剪它。它允许您以特定的纵横比设置选取框并在另一个 div 中查看实时预览(如果您使用的图像足够大以支持缩放,则预览会被放大)。

它有几个示例,还有一个用于后端 PHP 裁剪的脚本,它还处理将高分辨率裁剪图像转换为正确大小的缩略图。

【讨论】:

【参考方案2】:

使用

imagemagick 裁剪

http://pecl.php.net/package/imagick

【讨论】:

你能解释一下它是如何使用的吗??

以上是关于如何使用 jquery 裁剪缩放的图像的主要内容,如果未能解决你的问题,请参考以下文章

如何在网站中动态裁剪/缩放图像

如何缩放 + 裁剪图像并在 imageview 上显示裁剪的图像

如何使用Croppie防止过度缩放(JavaScript图像裁剪插件)

如何移动和缩放图像[关闭]

Fabric JS 2.4.1 如何使用 clipPath 裁剪已缩放为小于或大于 1:1 比例的图像

JS:图像上传实时操作、缩放、尺寸和裁剪