美文网首页
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 文本转图片,自动折行

    方案1(逻辑控制) 如果文本内容类型少,比如只有中文,大写字母。中文一行能容纳9个汉字,大写字母能容纳17个字。那...

  • 6中折行对应的类

    自动空格折行 StringRoundBySpacePaintPolicy 折行+截断 StringRoundAnd...

  • iOS-UILabel多行文字自动换行

    //自动折行设置 label.lineBreakMode = NSLineBreakByWordWrapping;...

  • CSS多行文本省略

    1.在文本内容过长时,做折行并省略显示,效果如下 css参考如下: 2.长段内容自动换行显示方法:style={{...

  • 用AdWords推广App方式1 宇宙级App推广

    Universal App Campaign 根据设置的文本、图片、视频地址自动生成。 自动循环显示,自动优化显示...

  • 做生物必须要注意的Excel的坑

    Excel会自动识别用户的文本内容,来判断文本的数据类型,然后会自动变更为对应的数据类型。例如: 输入的文本自动转...

  • flex布局的常用方法

    单行的时候文本不足会居中,多行会自动折行居左 页面高度不足时,在底部显示;页面高度超出时,随页面滚动 flex的子...

  • Cell折叠显示的实现

    自定义cell,cell中只有文本+图片。 第一种方法:文本折叠 思路:第一行row显示文本,第二行row显示图片...

  • VSCODE自动折行

    文 / 景朝霞公号 / 朝霞的光影笔记ID / zhaoxiajingjing公号首发,请监督我完成1篇/周 vs...

  • 多行文本溢出显示省略号...

    未设置样式:文本自动显示,表格数据被挡住一行 设置样式后:仅让文本显示两行, 兼容性问题

网友评论

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

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