将Table数据记录生成表格图片

近期开发项目时，需要将网页中的统计报表生成为图片，并发送到钉钉群消息内。开发完成后如下总结。

下图是生成的伪效果图。

生成表格图片，主要分为画图、画表格和填充数据等。

画图：

$image = imagecreatetruecolor(图片宽度, 图片高度);

画表格：

imageline($image, x坐标1, y坐标1, x坐标2, y坐标2, 颜色);

填充数据：

imagettftext($image, 字体大小, 0,左偏移, 高度, 字体颜色, 字体, 数据);

额外：

文字加粗，可以多次执行 imagettftext 函数，比如执行3遍，即可实现加粗的效果

线条加粗，可用如下伪代码实现。

    /*** 绘制粗线*/public function imageLineThick($image, $x1, $y1, $x2, $y2, $color, $thick = 1){if ($thick == 1) {return imageline($image, $x1, $y1, $x2, $y2, $color);}$t = $thick / 2 - 0.5;if ($x1 == $x2 || $y1 == $y2) {return imagefilledrectangle($image, round(min($x1, $x2) - $t), round(min($y1, $y2) - $t), round(max($x1, $x2) + $t), round(max($y1, $y2) + $t), $color);}$k = ($y2 - $y1) / ($x2 - $x1); //y = kx + q$a = $t / sqrt(1 + pow($k, 2));$points = array(round($x1 - (1+$k)*$a), round($y1 + (1-$k)*$a),round($x1 - (1-$k)*$a), round($y1 - (1+$k)*$a),round($x2 + (1+$k)*$a), round($y2 - (1-$k)*$a),round($x2 + (1-$k)*$a), round($y2 + (1+$k)*$a),);imagefilledpolygon($image, $points, 4, $color);return imagepolygon($image, $points, 4, $color);}

最后附上源代码，有需要的朋友可以直接拉取使用。GitHub - revert-yang/GDTableContribute to revert-yang/GDTable development by creating an account on GitHub.https://github.com/revert-yang/GDTable

将Table数据记录生成表格图片相关推荐

Python数据展示 - 生成表格图片
前言本文来讲讲如何用Python生成表格图片. 选一个合适库 Python最大的优点就是第三方库丰富,基本你要什么功能,都能找到别人实现好的库,几行代码一调用就完事了. Pytable 最先找到的是 ...
java生成表格图片（请假条为例）
java生成表格图片(请假条) package table;import java.awt.Color; import java.awt.Font; import java.awt.Graphics; ...
html中循环生成表格数据,动态生成表格(简单实现)
1.案例分析 1.利用对象生成假的数据,用来模拟数据库的数据. 2.核心算法:利用createElement生成表格(生成 tr , td ),注意逻辑关系. 1.css代码 table th { w ...
excel中如何et vb根据数据自动生成表格_如何实现excel与PPT互联互通（动态生成PPT）...
因为经常要做周报.月报PPT,每次重复的的操作效率很低,这里整理了一套可以自动生成PPT的办法. 首先,大概思路是这样的.周报.月报这类经营分析类PPT一般都是由表格.图表以及分析文字组成的,整体结构 ...
JAVA通过Graphics2D生成表格图片
目录一.背景二.效果图三.主要类四.环境要求五.完整代码一.背景由于钉钉机器人目前不支持发送表格消息,所以想通过Graphics2D绘制表格生成图片文件后转Base64发送,在参考了其他 ...
vue 渲染JSON数据动态生成表格组件
vue 通过渲染JSON数据动态生成表头及对应表格内容组件 <template><div id="viewDialog"><el-button typ ...
vue.js根据数据循环生成表格_vue 遍历数据生成table？
后台数据如下: //银行列表 bankDto: [ 0: {bankName: "中国工商银行", bankCode: "20000001", sName: & ...
java生成表格图片
为什么80%的码农都做不了架构师?>>> 主要代码: /*** 生成图片* @param cellsValue 以二维数组形式存放表格里面的值* @param path 文件 ...
java生成表格图片_java生成表格图片
主要代码: /** * 生成图片 * @param cellsValue 以二维数组形式存放表格里面的值 * @param path 文件保存路径 */ public void myGraphics ...
vue.js根据数据循环生成表格_vue.js循环for（列表渲染）详解
vue.js循环for(列表渲染)详解一.总结一句话总结: v-for {{ item.message }} var example1 = new Vue({ el: '#example-1', ...

将Table数据记录生成表格图片

将Table数据记录生成表格图片相关推荐

最新文章

热门文章