一种表格布局方法、装置、设备及介质制造方法及图纸

技术编号:40028446 阅读:19 留言:0更新日期:2024-01-16 17:51
本申请实施例提供了一种表格布局方法、装置、设备及介质,用以解决现有技术中网格布局的方法在邮件客户端中显示时兼容性不够好以及位置不够准确的问题。在该方法中,根据待处理看板在纵横方向上的像素点数量,确定待处理看板对应的表格的最大行列数;根据待处理看板中各对象所在区域信息,确定在表格中各对象所在的行列信息。由于表格形式适用于各种邮件客户端并且不存在兼容性问题,因此通过根据待处理看板中各对象所在区域信息,确定各对象在对应的表格中所在行列信息,从而保证各对象通过表格布局在各种邮件客户端中的位置能够正确呈现和显示。

【技术实现步骤摘要】

本专利技术涉及web开发,尤其涉及一种表格布局方法、装置、设备及介质


技术介绍

1、在数据平台系统中,通常会提供看板制作和邮件生成功能。看板包含了预先配置的报表,报表的宽度和高度通常受到设计规则的限制。邮件生成功能一般是基于已创建的看板生成邮件内容。

2、为了生成邮件内容,通常采用node.js和puppeteer技术直接生成整个看板的截图,然后将截图保存为pdf格式进行邮件发送。然而,上述方式生成的pdf格式的邮件内容无法进行二次编辑,例如只保留某些图表或在图表周围添加解释性文字等。

3、为了解决pdf格式的邮件内容无法进行二次编辑的问题,目前可以通过生成超文本标记语言(hypertext markup language,html)的格式来构建邮件,其中在采用html格式构建邮件内容时,通常采用可以实现以网格形式进行布局的布局方法,即确定网格位置的方法,如定位(position)属性、网格(grid)布局或轴线(flex)布局等。

4、但是上述以网格形式进行布局的方法在邮件客户端中均存在兼容性不够好,导致邮件元素在邮本文档来自技高网...

【技术保护点】

1.一种表格布局方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述根据待处理看板在纵横方向上的像素点数量,确定所述待处理看板对应的表格的最大行列数,包括:

3.根据权利要求2所述的方法,其特征在于,所述第一正整数倍与所述第二正整数倍相同。

4.根据权利要求1或2所述的方法,其特征在于,所述区域信息包括:起始点的坐标及对应对象的像素宽度和高度,所述根据所述待处理看板中各对象所在的区域信息,确定在所述表格中所述各对象的行列信息,包括:

5.根据权利要求4所述的方法,其特征在于,所述根据该对象的像素宽度,确定该对象在...

【技术特征摘要】

1.一种表格布局方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述根据待处理看板在纵横方向上的像素点数量,确定所述待处理看板对应的表格的最大行列数,包括:

3.根据权利要求2所述的方法,其特征在于,所述第一正整数倍与所述第二正整数倍相同。

4.根据权利要求1或2所述的方法,其特征在于,所述区域信息包括:起始点的坐标及对应对象的像素宽度和高度,所述根据所述待处理看板中各对象所在的区域信息,确定在所述表格中所述各对象的行列信息,包括:

5.根据权利要求4所述的方法,其特征在于,所述根据该对象的像素宽度,确定该对象在所述表格中合并列的属性值,包括:

6.根据权利要求4所述的方法,其特征在于,所述根据该对象的像素高度,确定该对象在所述表格中合并行的属性值,包括:

【专利技术属性】
技术研发人员:朱叶李国兵李恩露
申请(专利权)人:天翼安全科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1