如何在文本節點中檢測渲染的新行

Question

大家好

首先，我沒有嘗試在文本節點中檢測到\\ n。 我需要知道的是何時/何處將文本換行到另一行。

我的想法是逐個字母地遍歷TextNode，創建一個包含所有字母的新TextNode化合物，直到當前步驟為止，此后，如果當前步驟的高度與上一個步驟不同，我將計算文本節點的高度一，然后把線包起來。

問題是我很難弄清當前文本的高度。 到目前為止，這就是我所擁有的： http : //jsfiddle.net/mfnAT/2/

您可以看到getTextNodeHeight返回的高度不正確，我不知道這是什么錯誤。 我在這里找到了這個功能。

你們誰知道如何解決這個問題？ 或針對此問題的更好方法？

Answer 1

在文本中間的某處設置一個坐標。 在由setTimeout測量的給定時間間隔內調用相對於此位置的左偏移量。 在頁面加載時初始化一個事件偵聽器，偵聽左偏移為負（這意味着它現在在此位置的右邊）。該事件偵聽器僅初始化第二個事件偵聽器，偵聽左偏移為正，這將象征\\ n。 來回調用兩個事件偵聽器。 如果您有任何疑問，我會在幾個小時后再回來。