2010-03-01 4 views
1

나는 향후 프로젝트의 기술 옵션을 평가하고 있으며, 요구 사항 중 하나는 텍스트 필드의 특정 단어 그룹 주위에 직사각형을 그리는 것입니다. 텍스트를 평가하고 파싱 할 때마다 그 부분의 특정 부분을 마우스로 클릭해야하는 사각형으로 묶어야합니다. 이 직사각형의 모서리 중 하나에 작은 삼각형을 배치해야한다는 요구조차 있습니다. 필자는 요구 사항에 대한 통제권이 없으며,이 요구 사항은 텍스트 필드 (또는 div 컨테이너)에서 텍스트의 픽셀 위치를 가져오고 특정 종류의 오버레이 메커니즘을 사용하여 사각형을 그리는 것을 가리 킵니다. 잘못된 키워드를 사용하지 않는 한 Google 검색은 유용한 결과를 반환하지 않으며이 주제에 대한 귀하의 의견을 진심으로 감사드립니다.텍스트의 픽셀 좌표를 가져 와서 자바 스크립트를 사용하여 사각형 테두리를 그릴 수 있습니까?

최고 감사합니다. 세레프 Arikan Ps : 자바 스크립트와 함께 고급 브라우저 DOM 기반 그래픽에 대한 모든 도서/리소스도 감사하겠습니다. 그것은 정확히 당신이 원하는 게 아니에요 http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

,하지만 당신은 그것을 적용 할 수 있습니다

답변

1

나는이 플러그인을보고 추천 할 것입니다. 콘텐츠를 실행하면서 텍스트를 찾고 조작하는 작업은 약간 지저분합니다.

편집 해당 플러그인은 HTML 문서의 텍스트 용이며 입력 텍스트 필드의 텍스트 또는 <textarea> 블록이 아닙니다. 그렇게하기는 매우 어려울 지 모르겠지만 누군가가 해냈을 수도 있습니다.

0

여러 개의 경계선이없는 텍스트 필드를 사용하는 것이 좋습니다. 각 텍스트 필드는 텍스트 (단어 또는 문자)의 한 부분을 포함하고 필요에 따라 경계선이있는 스팬 및 배치 된 배경 이미지로 삼각형을 래핑합니다.