저는 캔버스 텍스트 용 커서를 놓고 선택 가능한 것으로 만들기를 좋아합니다. 어떻게 진행될 수 있습니까? 만약 공유하고있는 예제 나 데모가 있다면 매우 유용 할 것입니다.Canvas Text 선택
답변
<canvas>
HTML5 요소는 순수하게 비트 맵 출력을위한 것으로 어떤 방식으로도 선택할 수 없습니다. W3C spec 따르면
:
캔버스 요소는 즉시 그래프, 게임 그래픽 또는 다른 시각적 이미지를 렌더링하기 위해 사용될 수있는 해상도에 따라 비트 맵 캔버스와 스크립트를 제공한다.
저자는 적절한 요소가 더 이상 인 경우 문서에서 캔버스 요소를 사용하지 않아야합니다. 예를 들어, 캔버스 요소를 사용하여 페이지 제목을 렌더링하는 것은 부적합합니다 ...
캔버스 요소에 이 이미 칠 해져있는 경우 (예 : 페이지가 대화식 시각적 매체로보고 현재 인쇄 중이거나 페이지 레이아웃 프로세스 중에 실행 된 일부 스크립트 이 요소에 그려진 경우 canvas 요소는 현재 이미지 및 크기가 포함 된 포함 된 콘텐츠를 나타냅니다. 그렇지 않으면 요소는 대신 대체 콘텐츠 을 나타냅니다.
에 대해 스크립팅이 비활성화 된 경우 비주얼 미디어 및 시각적 미디어에서 canvas 요소에 대한 지원이 비활성화되거나 으로 설정된 경우 canvas 요소는 대신 대체 콘텐츠를 나타냅니다.
실제로 캔버스 텍스트 편집기가 있습니다. http://www.lutzroeder.com/html5/textor/ – Prasanth
@ Karthi Impressive - 자바 스크립트 소스 코드를 간략하게 읽은 것부터 사실상 텍스트 선택을 계산하는 것처럼 보입니다. 커서 위치. 그런 다음 캔버스를 업데이트하여 텍스트가 나타나도록 만듭니다. 많은 오버 헤드처럼 보입니다! –
- 1. Html5 canvas text interactive?
- 2. HTML5 Canvas flashing text?
- 3. 표시 선택 Text
- 4. 캔버스에 Android Text
- 5. AppleScript - Text to Text
- 6. HTML5와 Canvas 요소를 사용하는 Photoshop의 선택 윤곽 도구
- 7. JavaMonkey Canvas
- 8. android의 html5 canvas
- 9. XAML의 Canvas 요소를 코드 숨김 Canvas 속성에 바인딩하는 방법은 무엇입니까?
- 10. HTML5, Canvas 및 FireFox
- 11. HTML5 Canvas line drawing
- 12. HTML5 Canvas rendering oddly
- 13. HTML5 Canvas, shadowColor & shadowBlur
- 14. 어떤 속성이 통제 Text Text Checkbox Text OnMouseOver Flex에서?
- 15. libmagic. text/plain 대신 text/plain/javascript text/css
- 16. HTML5 canvas in android problem
- 17. HTML5 Canvas Text API로 텍스트 장식 (밑줄 등)을 그릴 수 있습니까?
- 18. <canvas> crossbrowser - IE
- 19. TEXT 업데이트와 Informix Dynamic Server의 TEXT 삽입
- 20. text/plain에서 text/xml로 응답을 변경하는 방법
- 21. DrawAViewOnAnother Canvas 사용
- 22. Blackberry Scrollling in Canvas
- 23. Tabindex for Canvas?
- 24. Clear Canvas 라이브러리
- 25. HTML5 canvas "reset"fillStyle
- 26. jquery canvas image 다운로드
- 27. Html5 Canvas Javascript libraries?
- 28. Flex3 Canvas, ScrollBar
- 29. < canvas >
- 30. Silverlight canvas scrollbars
내가 아는 한 캔버스는 텍스트 (그림)를 그리기위한 것이지 선택하고 편집하는 것이 아닙니다. –