스트레치 텍스트 ... 길이가 Html5 캔버스에서 10보다 큰 경우

Question

최근에 HTML5 Canvas에서 작업 중입니다.

만약 document.getElementById를 ("

이

http://www.mono-software.com/blog/post/Mono/145/jQuery-dynamic-text-sizing/

나는 이런 식으로 뭔가가 필요합니다

http://jsfiddle.net/fknjz/17/

그리고 여기에 내가 도움이 될 수있는 것으로 나타났습니다 내용은 다음과 같습니다 여기 내 JSFiddle입니다 nom "). value.length> 10 ... 문자가 입력 될 때마다 텍스트 값이 -5 % 늘어납니다 ... 그래서 10 개가 넘으면 텍스트가 축소되기 시작합니다 (너비 만). 캔버스의 텍스트 상자에 입력 된 문자.

내가이 작업을 수행하는 방법을 아는 사람이 있습니까?

감사합니다.

Answer 1

질문이 다소 모호하지만, fillText에 대한 네 번째 매개 변수가 있다는 것을 알고 계셨습니까? 텍스트를 최대 너비에 맞 춥니 다. jsFiddle 여기를 http://jsfiddle.net/fknjz/32/으로 업데이트했습니다.

또한 clearRect을 추가하여 텍스트 아래의 영역을 지우므로 혼란 스러움없이보기를 업데이트 할 수 있습니다.