php输出带坐标文字,文字输出至图片的排版有关问题

文字输出至图片的排版问题

图片上给定一个方框(知道4点坐标),需要把一串文本分成N行输出到图片上，每行文字不能超过方框的宽度，N行总高度也不能超过方框。如果总高度会超过方框高度，则缩小字体，直至文字能全部显示在方框中。

目前情况：

不考虑英文分词

用mb_strlen及mb_substr获取长度和截取字符串

imagettfbbox计算文字宽高，imagettftext输出文字至图片

问题：

现在用递归可以在固定字体大小下，按照合适的宽度输出至图片。

但是如果最后高度超过了，怎么让它减小字体，重新走一遍？想用一个方法就搞定它。

------解决思路----------------------

計算字體大小不好。

其實可以這樣。

先把所有字先生成一張圖A，然後B作為底圖，然後縮小A使A能夠適合B。

------解决思路----------------------

使用等宽字体

一切就都可以计算了

------解决思路----------------------

不知道你是怎么写的(为什么要用递归？)$font = 'c:/windows/fonts/simsun.ttf';

$text = iconv('gbk', 'utf-8', '图片上给定一个方框(知道4点坐标),需要把一串文本分成N行输出到图片上，每行文字不能超过方框的宽度，N行总高度也不能超过方框。如果总高度会超过方框高度，则缩小字体，直至文字能全部显示在方框中。');

$im = imagecreate(200, 200);

$bg = imagecolorallocate($im, 255, 255, 255);

$pen = imagecolorallocate($im, 0, 0, 0);

$style = array( $pen, $pen, $bg, $bg, $pen );

imagesetstyle($im, $style);

iconv_set_encoding("internal_encoding", "UTF-8"); //我偏好 iconv，用 mb 也是一样的

$sx = 20;

$sy = 20;

$ex = 180;

$ey = 180;

$h = 30; //行高

$loop = true;

while($loop) {

$size = $h / 3 * 2; //字体大小

$s = '';

$r = 1;

imagefilledrectangle($im, $sx, $sy, $ex, $ey, $bg);

imagerectangle($im, $sx, $sy, $ex, $ey, IMG_COLOR_STYLED);

for($i=0; $i $c = iconv_substr($text, $i, 1);

$box = ImageTTFBBox($size, 0, $font, $s.$c);

if($box[2] - $box[0] < $ex - $sx) $s .= $c;

else {

if($h*$r > $ey - $sy) break;

imagettftext($im, $size, 0, $box[0]+$sx, $sy+$h*$r, $pen, $font, $s);

$s = '';

$r++;

$i--;

}

}

if($s) {

if($h*$r > $ey - $sy) {

$h--;

continue;

}

$loop = false;

imagettftext($im, $size, 0, $box[0]+$sx, $sy+$h*$r, $pen, $font, $s);

}

}

imagettftext($im, $size, 0, $sx, $ey+$h, $pen, $font, "size:$size");

imagegif($im);

最好是算好了再画，而不是这样边算边画(有背景图时就不好办了)

------解决思路----------------------

要解决的完美就只有按照你的方法做了

提供一种思路，可能不是那么完美，如果你愿意，可以尝试一下

1.计算出方框的面积，假设是30*10=300

2.计算总字数，假设是16个字

3.将总字数增加到能被面积整除的值并得到整除值，假设是300/20=15

4.将整除值开方，并向下取整，假设是15开方就是3

5.开方后的值就是字体的size了

6.验证假设：30/3就是一行10字，16个字两行没问题；假设size为4，一行7字，要3行，但4*3=12>10就会超出

呵呵，方法就是上面那样，只是个大概的思路，但是肯定还有很多问题，仅作参考吧

相关文章

相关视频