이미지에 상자를 그려야합니다, 자바 스크립트?

Question

내가하고 싶은 일은 사용자가 자신의 이미지를 업로드하도록하는 것입니다. 그것의 완료 때 그것은 상쾌하게하는 동일한 페이지에 심상을 표시 할 것이다. 여기에 내가 알아 내야 할 부분이 있는데, 어떻게 사용자가 이미지 상자를 선택하게할까요? 그래서 사용자가 완료되면자를 수 있습니까? (ImageMagick 사용).

가능한 경우 사용자가 너비와 높이를 편집하기 위해 늘릴 테두리가 필요합니다. 그런 다음 rect 내를 클릭하여 이동하십시오.

Answer 1

다양한 방법이 있습니다. 웹을 통해 사용할 수있는 미리 작성된 플러그인을 포함합니다.

프레임 워크를 사용하고 있습니까?

아래에서 Jcrop과 Lasso.Crop을 사용했으며 둘 다 잘 작동했습니다. 다른 사람들을 시도하지 않았습니다. 여기

가 아닌 완전한 목록입니다 :

순수 자바 스크립트

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/