2013-08-26 98 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) –