拉伸文本...如果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

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

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