2014-02-11 7 views
0

사용자 입력 텍스트와 이미지를 결합 할 수있는 웹 서비스를 만들고 싶습니다.
사용자의 텍스트 문자열과 사용자가 업로드 한 이미지의 미리보기를 보여주는 이미지 미리보기를 입력 할 수있는 텍스트 상자가 있다고 가정 해 보겠습니다. 이 CodeProject 링크를 참조하면이 단계가 정상입니다.asp.net 클라이언트 측에서 rectagle을 사용하여 텍스트의 크기를 동적으로 조정하십시오.

는 그러나 나는이를 만들기 위해 접근 할 수있는 방법이 enter image description here

같은 텍스트 주위에 사각형 상자를 사용하여, 미리보기에서 텍스트 크기를 조정하는 사용자를 활성화하려면? 이것에 대한 타사 도구가 있습니까?
Jquery 또는 무엇이든간에!

답변

2

jQuery UI Resizable을 사용해보세요. 오른쪽 또는 아래쪽 경계의 커서 잡기를 원하는 너비 또는 높이로 드래그하여 모든 DOM 요소의 크기를 조정할 수 있습니다. jQuery UI Draggable

jQuery UI Resizable을 사용하기 위해, 코멘트에서 영업 이익의 질문에 따라 jsFiddle 데모 업데이트 - http://jsfiddle.net/hmJCQ/


업데이트을 :

내가 여기 당신을 위해 간단한 jsFiddle 데모를 넣었습니다 : http://jsfiddle.net/hmJCQ/1/

+0

와우, 그 링크는 멋지다. 나는'resi zable'(http://jqueryui.com/resizable/)과'Draggable' (http://jqueryui.com/draggable/)을 하나의'div'에서? – zey

+0

@zey 예, 둘 중 하나의 div에서 사용할 수 있습니다 (내 업데이트 된 답변 참조) ... – IronGeek

+0

이것은 ROCK AND ROLL !!! – zey

관련 문제