拉伸文本...如果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＆gt; 10 ...然后每次输入一个字母时，文本值将拉伸-5％...因此，如果在画布的文本框中键入的字母超过10个，则文本将开始缩小（仅宽度）。

有谁知道我怎么能做到这一点？

谢谢！

Answer 1

我不是100％确定这是否是你所追求的，因为这个问题有点模糊，但你知道fillText还有第四个参数吗？它使文本适合最大宽度。我在这里更新了你的jsFiddle http://jsfiddle.net/fknjz/32/。

我还添加了clearRect来清除文本下的区域，这样您就可以更新视图而不会弄得一团糟。