美文网首页
2019-01-29 文本转图片,自动折行

2019-01-29 文本转图片,自动折行

作者: 等哈哈咯 | 来源:发表于2019-01-30 17:54 被阅读0次

    方案1(逻辑控制)

    如果文本内容类型少,比如只有中文,大写字母。中文一行能容纳9个汉字,大写字母能容纳17个字。那么分析文本时,如果是中文,+9,英文+17,当>=156(9和17的最大公约数156),那么换行.

    如果文本内容类型较多,那么就有点麻烦了,因为大写英文和小写英文的字符占的像素宽度不一样,并且,同样是小写,也不一样,比如a和l。数字也一样,1和0也不一样宽。因此,再用逻辑判断,就需要做较多的逻辑判断,有点麻烦。

    方案2(根据字符像素宽度)

    使用php扩展GD库生产的图片,可以使用image函数来计算字符的宽度。
    步骤:

    1. 将字符串按字符取出,php不同于c++,不能直接for出来。
      2.遍历全部字符,拼接循环的每个变量字符,然后计算出宽度,当超过阈值后,做对应的逻辑即可。比如拼接上\n。
    如果是\n的话,折行后,是向右对齐。这里看需求了,如果非要向左对齐,根据业务情况自己在控制了。

    以下是我的代码,因为要向左对齐,因此,根据业务情况,在绘图的模板处增加变量,新增的变量是折行的字符串。

    //fontface是字体名字的ttr路径
    public  static function autoFlod($fontsize, $angle, $fontface, $string, $width) {
    // 这几个变量分别是 字体大小, 角度, 字体名称, 字符串, 预设宽度
            $content = "";
            $flag = false;
            // 将字符串拆分成一个个单字 保存到数组 letter 中
            for ($i=0;$i<mb_strlen($string);$i++) {
                $letter[] = mb_substr($string, $i, 1);
            }
            foreach ($letter as $l) {
                $teststr = $content." ".$l;
                $testbox = imagettfbbox($fontsize, $angle, $fontface, $teststr);
                // 判断拼接后的字符串是否超过预设的宽度
                if (($testbox[2] > $width) && ($content !== "")) {
                    $content .= "\n";
                    $flag = true;
                }
                $content .= $l;
            }
    
            if($flag){//如果不接受左对齐,自己做些业务控制即可。explode将折行的字符串取出。
                $res = explode("\n",$content);
                return ['content'=>$res[0],'contentTail'=>$res[1],'flag'=>$flag];
            }else{
                return ['content'=>$content,'contentTail'=>'','flag'=>$flag];
            }
        }
    

    imagettfbbox

    (PHP 4, PHP 5)

    imagettfbbox — 取得使用 TrueType 字体的文本的范围

    说明
    array imagettfbbox ( float size , floatangle , string fontfile , stringtext )
    本函数计算并返回一个包围着 TrueType 文本范围的虚拟方框的像素大小。

    size
    像素单位的字体大小。
    angle
    text 将被度量的角度大小。
    fontfile
    TrueType 字体文件的文件名(可以是 URL)。根据 PHP 所使用的 GD 库版本,可能尝试搜索那些不是以 '/' 开头的文件名并加上 '.ttf' 的后缀并搜索库定义的字体路径。
    text
    要度量的字符串。
    imagettfbbox() 返回一个含有 8 个单元的数组表示了文本外框的四个角:
    0 左下角 X 位置
    1 左下角 Y 位置
    2 右下角 X 位置
    3 右下角 Y 位置
    4 右上角 X 位置
    5 右上角 Y 位置
    6 左上角 X 位置
    7 左上角 Y 位置 这些点是相对于文本的而和角度无关,因此“左上角”指的是以水平方向看文字时其左上角。

    相关文章

      网友评论

          本文标题:2019-01-29 文本转图片,自动折行

          本文链接:https://www.haomeiwen.com/subject/srgxsqtx.html