2013-08-26 68 views
1

好的,基本上,我从<input>标记获取用户输入并将其放到画布中。这对一行是很好的,但也有一些情况我需要整段文字。大家都知道,并非每个字母都具有相同的宽度,这意味着我不能有多个具有maxlength属性的<input>标签。有多个输入标签也是令人不安的。长话短说:有什么办法可以将PARAGRAPH文本框放入HTML5 canvas元素中吗?HTML5 Canvas多行文本框

+1

退房:http://www.travisberry.com/2011/05/write-text-anywhere-with-html5-canvas/,以获得主意。我认为如果你对它进行定制,它将会满足你的目的。 –

+0

[元素中的文字换行]可能的重复](http://stackoverflow.com/questions/2936112/text-wrap-in-a-canvas-element) – rlemon

+1

为什么你不使用[textarea](https: //developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea)用于多行输入? –

回答

1

为什么不能继续使用textarea来获得多行处理?

<textarea name="myTextArea" cols="30" rows="5" /> 
+1

我假设的问题是将其转换为画布。 – rlemon

+0

是的,问题正在转换为画布。另外,输入标签本身不能换行也没关系,问题是fillText()只支持一行,而不是一个段落。 – Doge

+0

您可以使用自定义解决方案,[LINK](http://stackoverflow.com/a/7974313/1477051) –