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]
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就会超出
呵呵,方法就是上面那样,只是个大概的思路,但是肯定还有很多问题,仅作参考吧
PHP 图片上文字排版,文字输出至图片的排版有关问题相关推荐
- 图片上传、后端输出下载图片(微信小程序无师自通四)
微信小程序图片上传并显示 前端上传: 小汽车保养里程碑微信小程序中,需要上传汽车零件的照片,车辆的照片.小程序使用wx.chooseMedia() 和wx.uploadFile() 函数上传小程序前端 ...
- 图片上怎么添加文字内容?这两个方法请收好
相信很多小伙伴们在工作中经常需要处理图片吧,有时候需要在图片上添加注释等文字,也就是编辑图片上的文字.那么小伙伴们平时都是使用什么方法来处理呢?最近就有一个小伙伴咨询图片上怎么添加文字内容,其实很简单 ...
- 图片上怎么加文字?看完就你知道了
现在有许多的小伙伴喜欢将自己拍摄的照片发布到一些社交平台与自己的好友分享,但是有时候会感觉自己的照片有些单调,缺少一丝乐趣,因此会在图片上添加一些文字,增加照片的丰富度:也有时候和好朋友出去游玩时,无 ...
- echarts图片上加上自定义文字或其它下载
想要下载echarts的图片,并且想在图片上加上一条条件之类的文字. 1.在echarts的自定义一个方法,下载前设置 graphic 属性,下载后再去掉属性(应该可以行通): 2.获取到你的echa ...
- 计算机考试字处理怎样加水印,一学即会!图片上如何添加文字水印
原标题:一学即会!图片上如何添加文字水印 平时工作中,有的小伙伴经常需要处理一大堆的图片,比如说在网上发表自己的文章,在购物网站上晒单,还是自己亲手拍的照片,自己制作的图片,或者画出来一个好的创意,想 ...
- 怎么在图片上直接编辑文字?分享两个编辑图片的方法
我们怎么在图片上直接编辑好看的文字呢?很多小伙伴在生活中喜欢拍摄照片,在使用这些照片的时候我们往往会给图片添加边框.拼图以及一些配字,一般的简单配字会显得图片不好看,有什么方法可以直接在图片上编辑好看 ...
- 微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件
标题 微信内置浏览器无法使用input图片上传和lrz.bundle.js图片压缩插件 图片上传功能作为一个比较常见的功能,有时候需要在微信内置浏览器里打开,但是有些型号的手机会出现打不开的现象,点击 ...
- 微信小程序图片上传(文字识别)
要点:OCR文字识别 图片上传 在最近的项目中遇到需要进行OCR识别,中间遇到的坑记录一下 OCR接口:采用百度OCR通用文字识别 在进行调试过程中遇到下列问题: 百度ocr接口1.对图片经行base ...
- css图片上漂浮着文字效果
1.效果: 2.html代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <H ...
- C#图像处理:在图片上写字,文字位置居中问题
1.给图片上添加文字,位置的位置居中.左对齐.右对齐等 Font LabelFont = new Font("宋体", 14, FontStyle.Bold); //设置字体.字号 ...
最新文章
- python趋势稳定检验Kwiatkowski-Phillips-Schmidt-Shin
- 解决Windows7 Embedded连接手机问题
- C#读取Excel表格数据到DataGridView中和导出DataGridView中的数据到Excel
- 通过编程计算一个游戏的胜率
- podcast播客资源_为什么播客是我的新维基百科-完美的非正式学习资源
- 10.深度学习练习:Convolutional Neural Networks: Step by Step(强烈推荐)
- 手把手教你感情企划书
- 如何删除下一页分节符_word 2010高级应用:分节符的使用
- python --面向对象
- Linux 网络服务之FTP 文件传输
- 《Ray Tracing in One Weekend》——Chapter 12: What's next?
- vmware10中开启Intel VT-x
- SAP-SD-学习笔记0923
- Zuul 关网配置服务限流路由访问请求过滤详解
- 怎样导入SDWebImage
- Microsoft SQL Server 数据库使用(一)
- metapath2vec 异构网络表示学习
- 超级实用(附技巧)——用word与谷歌翻译将英文PDF文档翻译成中文,免费无限制
- Cohen's kappa coefficient
- MySQL及数据库相关