javascript - テキストの自動折り返し時に javascript/php で改行を取得するにはどうすればよいですか

Question

サイズ変更可能なdivを含んでtext/sentencesいます。resizeの場合、テキストは の使用可能なスペース内にdiv自動的に折り返されます。fitcontainer div

textこれをを介して画像に変換する必要がありますphp (gd library)が、複数行のテキストを直接処理できないため、テキストが折り返されて新しい行が始まる正確な場所を何らかの形で伝える必要がありますが、どちらでもphp-gdこれを行う方法がわかりません.javascriptphp

さらに、fontはdynamicそのため、 のサイズのようなものを使用して、alphabets内の可能な文字数を計算することはできませんdimension。何か案は？

Answer 1

ちょっとしたトリック...すべての文字を a でラップし<span></span>、オフセットを計算します。

ここでフィドル

コード：

$('#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;
        }
    }
});