![a55a380c2dabe64ad69b70d5476a1cb7.png](https://i-blog.csdnimg.cn/blog_migrate/9ddfd37786b0de105eac53d87cebf071.png)
在《动态文字水印怎么做》中,
《动态文字水印怎么做》
已经介绍了如何在润乾报表中增加文字水印功能,包括了静态及动态水印。水印功能将标识信息嵌入到报表载体后,使得信息安全、版权保护有了更有效的方法。
水印除了纯文字形式,还有一种情况采用图片的形式,比如常用的 Logo。
整体效果如下
![ec18ff4870b25cc5e938a353291c5046.png](https://i-blog.csdnimg.cn/blog_migrate/44df0b063362ccadea8b748e63e0b7c3.jpeg)
Logo 如下(为了看得更清晰,logo 用较大点的图片)
![ddfb90f4661a078c6d3fd9113109ee34.png](https://i-blog.csdnimg.cn/blog_migrate/668786404aead94913bd98545219f002.jpeg)
《动态文字水印怎么做》文中介绍的方式目前仅支持纯文字形式的,想实现如 Logo 图片一样的水印功能,在产品中并没有明确指出,所以要重新考虑解决方式。
功能分析
因为涉及到图片,所以还要从润乾报表在图片的支持情况上考虑。
1、 单元格图片:水印是对整个报表页面添加,单元格图片显然不可行,总不能给每个单元格都设置上图片,再者设置为图片后也就没办法再搞数据了。
2、 数据图层:该功能也可以为报表添加图片。但是,尽管可以定义该图层的大小,但是也仅能支持一张图片的缩放,也没法实现想要的水印效果。
3、 背景图:背景图是为整个报表设置,同时在“样式”上也支持“平铺”模式,这显然也更能符合水印的效果。
具体实现过程
找到可实现的方式后,接下来将实现的过程操作一遍。
1, 准备一张报表,并将单元格背景色设置为透明
![96569aa92743c7af911036bbe8b4451e.png](https://i-blog.csdnimg.cn/blog_migrate/20ee6b8f503c115a1025fdab145db658.jpeg)
注意:为了整体效果,此处最好将整行都个报表都设置为透明背景。
2, 将 logo 图片放至应用下
此处为设计器安装环境,将 logo 图片(logo.png)放在 demo/WEB-INF/reportFiles 下。
注:也可以是一个 url 地址
3, 为报表添加背景图,并将“样式”设置为“平铺”
![dbd340a1310cb408f559ca590066eff1.png](https://i-blog.csdnimg.cn/blog_migrate/e55543a3f757f4b159f5d2ccc0b4b1f5.jpeg)
4, 查看 web 端效果
![92b93f5a37b330ca3affc69303c46d25.png](https://i-blog.csdnimg.cn/blog_migrate/522a65b6da3e0884bb77bb466c47e5b3.jpeg)
总结
以上是实现图片水印效果的方式,操作过程相对比较简单,主要是找到这个更合理的解决的方法。当然,这个实现也有缺点,比如无法让水印随意按角度倾斜、要求报表单元格的背景透明等。不过倾斜问题,稍微辛苦点就是让美工同学们给提供一个倾斜角度的 logo 图片,也可轻松实现。
文字水印参考:《动态文字水印怎么做》
更多前端效果类问题请查看:报表样式汇总导航
* 动态文字水印怎么做
* web 报表轻松实现数据异常预警功能
* 报表工具如何实现“点击查看原图”
* 润乾报表中进度条的一种实现方式
* 报表怎样实现滚动的公告效果?