如何找到可调整大小的文本区域的自动换行点

Question

I have a textarea which is resizable. When users resize the text area...I would like to recreate the text exactly on an image using php intervention. TextArea's do not automatically add new line characters when words are wrapped. How do I calculate where the new lines has to be added when the text area is resized?

I need to create the image with text wrap and also I need to save the data for later use so that I can display with the same word wrap.

Answer 1

With a textarea, you can't... maybe if you use a <canvas> , subscribe the resize event of the textarea for resize the canvas with the same dimension, subscribe the textarea change event for insert the same text in the canvas, with same text dimensions, same line height etc etc... you can use that canvas for create the image, without php intervention.

Don't know if it could work, is untested and it's just the first idea that I had reading your question, if you decide to proceed in this way, let me know if it works!