javascript - 文本自动换行时如何在 javascript/php 中获取换行符

Question

我有一个可调整大小的 div，其中包含 text/sentences。当我调整 div 时，文本会自动换行以适合 container div 的可用空间。

现在我需要通过 php (gd library) 将这个 text 转换为图像，但是因为 php-gd 不能直接处理多行文本，我需要以某种方式告诉它文本换行和新行开始的确切位置，但我不知道如何在 javascript 或 PHP。

此外，字体是动态的，所以我不能使用类似alphabets的大小来计算可能的字符数一个所述的维度。有什么想法吗？

Answer 1

一个小技巧...用 <span></span> 包裹每个字符并计算它们的偏移量。

Fiddle here

代码:

$('#Action').click(function(){
    var orginalText = $('#container').text();
    var characters = orginalText.split('');
    var wrappedText = "";
    for(var i =0; i< characters.length; i++){
        wrappedText += "<span id='wrapped_" + i + "'>" + characters[i] + "</span>";
    }

    $('#container').html(wrappedText);
    var top = 0;
    for(var i =0; i< characters.length; i++){
        var characterTop = $('#wrapped_'+i).offset().top;
        if(characterTop > top){
            console.log("line break at position " + i);
            top = characterTop;
        }
    }
});