我有一个可调整大小div
的text/sentences
。当我resize
输入时div
,文字会自动换行到fit
的可用空间内container div
。
现在,我需要将其转换text
通过一个图像php
(gd library)
,但由于php-gd
不能直接处理多文本,我需要以某种方式告诉它完全包裹文本和新行开始,但我不知道如何做到这一点在任javascript
或php
。
而且font
是,dynamic
因此我不能使用的大小之类的内容alphabets
来计算所述内可能字符的数量dimension
。有任何想法吗?
一个小技巧...用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;
}
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句