网站首页 > 技术文章 正文
在皕杰报表里有三个地方可以放图片,其一是单元格里,其二是报表全局的背景图片,其三是单元格图层里的背景图层和浮动图层。
1、 单元格里放图片需要把单元格类型设置成图片,这里的图片是显示在单元格中的前景图;
而按照其来源不同又分成四种:
1)、 来自图片文件:该图像在报表编辑的时候就固定下来。最常见的情况是公司标志、产品商标等。此时应该配置图片单元格的“图片文件”属性值(图片路径和RFC2397规定的“data:image”类型)。
2)、 来自数据库字段:最常见的情况是公司员工照片、产品样图等。此时应该配置图片单元格的“数据值”属性值,从数据库的字段中获取图片(blob或clob存储的字节数据)。
注意
皕杰报表支持图片随单元格尺寸缩小。如图例显示:
3)、图释:报表自带一些图释,用来描述等级、排序等内容等,丰富地展现特定的数据信息,给人一种直观的感觉。添加图释需要设置“数据值”属性,打开“公式编辑”操作界面,编辑公式,并根据需要选取注释图片,如下图:
4)、 符号:皕杰报表除了能使用图片、图释外,还可以使用符号填充的方法,如下图:
符号填充需要设置“数据值”属性,使用“fill”函数编辑公式,上图评价一栏中的公式为:fill('★',f2);单元格字体属性:宋体,10号,红色。
注意
1 )、如果即配置了“图片文件”又配置了“数据值”,则优先用数据值中的图片来显示。
2 )、用Fill函数时,根据显示的内容,要适当的调整属性栏中字体的类型以及大小,否则不会显示所需要的效果或者有偏差。
2、报表全局背景里的图片:背景图片用相对路径下的图片作为报表背景图片。
图片数据
所谓“图片数据”就是在RFC2397中规定的一种图片数据类型,大致有下面几种形式
1)、data:image/gif;base64,base64编码的gif图片数据
2)、data:image/png;base64,base64编码的png图片数据
3)、data:image/jpeg;base64,base64编码的jpeg图片数据
4)、data:image/x-icon;base64,base64编码的icon图片数据
5)、data:image/svg+xml,svg图片的xml数据
这其中,除了SVG格式外,其它的都采用了base64编码。皕杰报表目前只支持base64编码的类型,不支持SVG。 例如:
data:image/png;base64,6L+Z5piv5LiA5LiqYmFzZTY05a2X56ym5Liy55qE56S65L6L77yM55qV5p2w5oql6KGo77yM5Lqn5ZOB5aW977yM5pyN5Yqh5LyY77yM5Y+v5L+h6LWW
3、单元格图层
单元格图层分背景图层和浮动图层两种形式,背景图层就是在单元格的底层中显示一个单元格背景图片,浮动图层就是在单元格上覆盖一个遮盖图片。
右键单元格-单元格图层-设置图层
类型选择:有两种,一种是背景图层,一种是浮动图层。
属性设置
图片文件 :可以是图片相对路径、图片数据或表达式(可以是blob类型、RFC2397规定的“data:image”类型)。
底图策略:两种方式,一种是适应单元格尺寸(缩小图片),另一种是尺寸不变(在单元格的大小范围内截取图片)。当图层类型为浮动图层时,底图策略的选项不可设置。
图层透明度:设置图片的透明效果(0时全透明)。
例:
点击确定。这个brt就设置好了。点击设计器预览。如图所示:
猜你喜欢
- 2024-10-16 【验证码逆向专栏】百某网数字九宫格验证码逆向分析
- 2024-10-16 jquery-利用canvas让图片旋转角度
- 2024-10-16 一文带你搞懂JS实现压缩图片 js压缩上传图片
- 2024-10-16 前端性能优化之请求优化 前端性能优化问题
- 2024-10-16 Serverless 实战:如何为你的头像增加点装饰?
- 2024-10-16 谈谈图片上传及canvas压缩的流程 js 图片压缩后上传
- 2024-10-16 妹子委婉地和男友说没钱了,结果差点换来一张luo照?
- 2024-10-16 Blob-对象介绍 对象object
- 2024-10-16 《小白HTML5成长之路51》canvas压缩图片上传功能的原理
- 2024-10-16 Dom-to-image截图将html生成图片 html2canvas截图
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- oraclesql优化 (66)
- 类的加载机制 (75)
- feignclient (62)
- 一致性hash算法 (71)
- dockfile (66)
- 锁机制 (57)
- javaresponse (60)
- 查看hive版本 (59)
- phpworkerman (57)
- spark算子 (58)
- vue双向绑定的原理 (68)
- springbootget请求 (58)
- docker网络三种模式 (67)
- spring控制反转 (71)
- data:image/jpeg (69)
- base64 (69)
- java分页 (64)
- kibanadocker (60)
- qabstracttablemodel (62)
- java生成pdf文件 (69)
- deletelater (62)
- com.aspose.words (58)
- android.mk (62)
- qopengl (73)
- epoch_millis (61)
本文暂时没有评论,来添加一个吧(●'◡'●)