【发布时间】:2009-05-31 04:26:29
【问题描述】:
我想做的是让用户上传他的图片。完成后,它将在同一页面上显示图像而无需刷新。这是我需要弄清楚的部分,我如何让用户在图像中选择一个框?所以当用户完成时我可以裁剪它? (使用 ImageMagick)。
如果可能的话,我希望用户可以拉伸边框以编辑宽度和高度。然后在矩形内单击以移动。
【问题讨论】:
标签: javascript
我想做的是让用户上传他的图片。完成后,它将在同一页面上显示图像而无需刷新。这是我需要弄清楚的部分,我如何让用户在图像中选择一个框?所以当用户完成时我可以裁剪它? (使用 ImageMagick)。
如果可能的话,我希望用户可以拉伸边框以编辑宽度和高度。然后在矩形内单击以移动。
【问题讨论】:
标签: javascript
有很多方法;包括几个可通过网络获得的预先编写的插件。
您是否使用任何框架?
在下面,我使用了 Jcrop 和 Lasso.Crop,它们的效果都很好。其他的没试过。
这是一个非详尽的列表:
纯 Javascript
http://www.dhtmlgoodies.com/index.html?whichScript=image-crop
jQuery
http://deepliquid.com/content/Jcrop.html
MooTools
http://www.nwhite.net/2009/02/25/lassocrop-preview/
原型
http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/
【讨论】: