2011-10-24 3 views
-1

저는 캔버스 텍스트 용 커서를 놓고 선택 가능한 것으로 만들기를 좋아합니다. 어떻게 진행될 수 있습니까? 만약 공유하고있는 예제 나 데모가 있다면 매우 유용 할 것입니다.Canvas Text 선택

+0

내가 아는 한 캔버스는 텍스트 (그림)를 그리기위한 것이지 선택하고 편집하는 것이 아닙니다. –

답변

0

<canvas> HTML5 요소는 순수하게 비트 맵 출력을위한 것으로 어떤 방식으로도 선택할 수 없습니다. W3C spec 따르면

:

캔버스 요소는 즉시 그래프, 게임 그래픽 또는 다른 시각적 이미지를 렌더링하기 위해 사용될 수있는 해상도에 따라 비트 맵 캔버스와 스크립트를 제공한다.

저자는 적절한 요소가 더 이상 인 경우 문서에서 캔버스 요소를 사용하지 않아야합니다. 예를 들어, 캔버스 요소를 사용하여 페이지 제목을 렌더링하는 것은 부적합합니다 ...

캔버스 요소에 이 이미 칠 해져있는 경우 (예 : 페이지가 대화식 시각적 매체로보고 현재 인쇄 중이거나 페이지 레이아웃 프로세스 중에 실행 된 일부 스크립트 이 요소에 그려진 경우 canvas 요소는 현재 이미지 및 크기가 포함 된 포함 된 콘텐츠를 나타냅니다. 그렇지 않으면 요소는 대신 대체 콘텐츠 을 나타냅니다.

에 대해 스크립팅이 비활성화 된 경우 비주얼 미디어 및 시각적 미디어에서 canvas 요소에 대한 지원이 비활성화되거나 으로 설정된 경우 canvas 요소는 대신 대체 콘텐츠를 나타냅니다.

+0

실제로 캔버스 텍스트 편집기가 있습니다. http://www.lutzroeder.com/html5/textor/ – Prasanth

+2

@ Karthi Impressive - 자바 스크립트 소스 코드를 간략하게 읽은 것부터 사실상 텍스트 선택을 계산하는 것처럼 보입니다. 커서 위치. 그런 다음 캔버스를 업데이트하여 텍스트가 나타나도록 만듭니다. 많은 오버 헤드처럼 보입니다! –