나는 HTML5 캔버스가 있고 @ font-face-font를 사용하여 context.fillText(...);
인 텍스트를 씁니다.
Firefox (3.6)로 페이지 표시하기 캔버스의 첫 번째 페인트에서 글꼴이 아직 다운로드되지 않았으므로 텍스트가 표준 글꼴로 표시됩니다.
글꼴이 캔버스에서만 사용되고 캔버스가 jQuery를 사용하여 아약스와 함께로드되고 표시되기 때문에 '해결책'이 발견되었습니다. 작동하지 않습니다.
타임 아웃 setTimeout(repaintCanvas, 500);
을 사용하는 것보다 더 좋은 해결책이 있습니까?@ font-face-font가로드 될 때까지 첫 캔버스를 다시 칠할 때까지 기다리는 방법은 무엇입니까?
4
A
답변
4
을이 시도 할 수 있었다 나는 Reigel의 대답의 도움으로 솔루션을 찾은 것 같아요 :
$.get('font/url.ttf', function() {
// do canvas codes.... cause font is loaded...
});
는 또한 캔버스에 대한 font-family: 'fontfacename';
를 통해 글꼴을 사용 '을 학부모 요소.
글꼴이 두 번로드되었거나 알 수 없습니다. 하지만 두 번째로드가 없으면 오른쪽으로 표시되지 않습니다.
4
아니라, 당신은
$.get('font/url.ttf',function(){
// do canvas codes.... cause font is loaded...
});
+0
Thanx, 그러나 작동하지 않을 것이다. 글꼴 파일이로드되지만 브라우저가 @ font-face의 파일이기도하다는 것을 인식하지 못한다고 생각합니다. – alopix
관련 문제
- 1. 스레드가 실행 완료 될 때까지 기다리는 중
- 2. 다운로드가 완료 될 때까지 기다리는 방법?
- 3. TCP 메시지가 ACK 될 때까지 기다리는 방법
- 4. ABPeoplePickerNavigationController가 해제 될 때까지 기다리는 방법
- 5. 자식 창로드가 완료 될 때까지 기다리는 중
- 6. 효과가 끝날 때까지 jQuery를 기다리는 방법은 무엇입니까?
- 7. 프레임이 QTP에로드 될 때까지 기다리는 가장 좋은 방법은 무엇입니까?
- 8. cygwin .xinitrc가 X 서버가 종료 될 때까지 기다리는 방법은 무엇입니까?
- 9. 창 제목이 업데이트 될 때까지 기다리는 방법은 무엇입니까?
- 10. 다른 스크립트에서 스크립트를 실행하고 완료 될 때까지 기다리는 방법은 무엇입니까?
- 11. WatiN에서 다시 게시가 완료 될 때까지 기다리는 방법
- 12. Textbox의 렌더링이 끝날 때까지 기다리는 방법은 무엇입니까?
- 13. TinyMCE가로드 될 때까지 기다려주십시오.
- 14. sendBroadcast가 끝날 때까지 기다리는 방법
- 15. 애플릿이로드 될 때까지 기다리는 동안 커서를 대기로 변경합니다.
- 16. Adobe LCCS : 두 개의 sharedProperties가 동기화 될 때까지 기다리는 방법?
- 17. 애니메이터가 끝날 때까지 기다리는 방법?
- 18. pthread_cancel이 끝날 때까지 기다리는 중
- 19. 이미지가로드 될 때까지 이미지가 대체 될 때까지 기다림
- 20. ActionScript 3에서 외부 .txt 파일을로드 할 때까지 기다리는 방법은 무엇입니까?
- 21. 이벤트가 완료 될 때까지 블로킹
- 22. WatiN에서 jQuery Ajax 요청을 완료 할 때까지 기다리는 방법은 무엇입니까?
- 23. as3 버튼을 클릭 할 때까지 이미지가로드 될 때까지 대기
- 24. 계속하기 전에 스레드가 완료 될 때까지 기다리는 방법?
- 25. UI 스레드를 차단하지 않고 스레드가 완료 될 때까지 기다리는 중
- 26. JComponent가 완전히 페인트 칠 될 때까지 기다리는 방법?
- 27. io.popen - 루아에서 프로세스가 완료 될 때까지 기다리는 방법?
- 28. 단위 테스트에서 애니메이션이 완료 될 때까지 기다리는 방법
- 29. jQuery Ajax : * async * 요청 성공이 완료 될 때까지 기다리는 방법?
- 30. WP7에서 비동기 호출이 완료 될 때까지 기다리는 방법?
참조 http://stackoverflow.com/questions/2756575/drawing-text-to-canvas-with-font-face-does-not-work-at-the-first-time/8223555#8223555 –