在图像上画一个框,仅限javascript?

时间:2009-05-30 20:19:54

标签: javascript

我想做的是让用户上传他的图片。完成后,它将在同一页面上显示图像,无需刷新。这是我需要弄清楚的部分,我如何让用户在图像中选择一个方框?所以我可以在用户完成后裁剪它? (使用ImageMagick)。

如果可能的话,我想要一个边框让用户伸展来编辑宽度和高度。然后在矩形内单击以移动。

1 个答案:

答案 0 :(得分:5)

有很多方法;包括几个通过网络提供的预先编写的插件。

您使用的是任何框架吗?

在下面,我使用了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/