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

太久 2015-03-04 02:16:39

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

目前情况:
不考虑英文分词
用mb_strlen及mb_substr获取长度和截取字符串
imagettfbbox计算文字宽高,imagettftext输出文字至图片

问题:
现在用递归可以在固定字体大小下,按照合适的宽度输出至图片。
但是如果最后高度超过了,怎么让它减小字体,重新走一遍?想用一个方法就搞定它。


...全文
292 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
太久 2015-03-04
  • 打赏
  • 举报
回复
引用 1 楼 fdipzone 的回复:
計算字體大小不好。 其實可以這樣。 先把所有字先生成一張圖A,然後B作為底圖,然後縮小A使A能夠適合B。
一会考虑,感觉问题没变.
引用 2 楼 wander_wind 的回复:
使用等宽字体 一切就都可以计算了
来看xu的解
引用 3 楼 xuzuning 的回复:
不知道你是怎么写的(为什么要用递归?)
$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<iconv_strlen($text); $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);
最好是算好了再画,而不是这样边算边画(有背景图时就不好办了)
貌似你的比较接近我想要的答案,md被打击了 一会再想想是怎么回事 字体\图片操作都不太熟悉,不过不算借口,发现一到这种问题就犯糊涂.
引用 4 楼 ayayad 的回复:
要解决的完美就只有按照你的方法做了 提供一种思路,可能不是那么完美,如果你愿意,可以尝试一下 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就会超出 呵呵,方法就是上面那样,只是个大概的思路,但是肯定还有很多问题,仅作参考吧
来看xu的解
ayayad 2015-03-04
  • 打赏
  • 举报
回复
要解决的完美就只有按照你的方法做了 提供一种思路,可能不是那么完美,如果你愿意,可以尝试一下 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就会超出 呵呵,方法就是上面那样,只是个大概的思路,但是肯定还有很多问题,仅作参考吧
xuzuning 2015-03-04
  • 打赏
  • 举报
回复
不知道你是怎么写的(为什么要用递归?)
$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<iconv_strlen($text); $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);

最好是算好了再画,而不是这样边算边画(有背景图时就不好办了)
智商众筹 2015-03-04
  • 打赏
  • 举报
回复
使用等宽字体 一切就都可以计算了
傲雪星枫 2015-03-04
  • 打赏
  • 举报
回复
計算字體大小不好。 其實可以這樣。 先把所有字先生成一張圖A,然後B作為底圖,然後縮小A使A能夠適合B。

21,886

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧