javascript - 拉伸文本...如果 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%...所以如果有在 Canvas 的文本框中输入了 10 多个字母。

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

谢谢！

Answer 1

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

我还添加clearRect了清除文本下的区域，以便您可以更新视图而不会弄乱。