javascript - Stretch Text ... Html5 Canvas で長さが 10 より大きい場合

Question

最近、HTML5 Canvas を使用しています。ここに私の JSFiddle があります:

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

そして、これが私が見つけた便利なものです：

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

私はこのようなものが必要です:

document.getElementById("nom").value.length > 10 の場合...文字が入力されるたびにテキスト値が -5% 伸びます...そのため、テキストが縮小し始めます (幅のみ)。キャンバスのテキスト ボックスに 10 文字を超える文字が入力されている。

誰も私がこれを機能させる方法を知っていますか?

ありがとうございました！

Answer 1

質問が漠然としているので、これがあなたが求めているものであるかどうかは100％わかりませんが、 の4番目のパラメーターがあることをご存知fillTextですか？テキストを最大幅に合わせます。ここで jsFiddle を更新しましたhttp://jsfiddle.net/fknjz/32/。

また、テキストの下の領域をクリアするために追加clearRectしたので、混乱することなくビューを更新できます。