Logo（图片）作为报表水印的解决方法
概述
在《像 word 一样增加水印功能》中，已经介绍了如何在润乾报表中增加文字水印功能，包括了静态及动态水印。水印功能将标识信息嵌入到报表载体后，使得信息安全、版权保护有了更有效的方法。
水印除了纯文字形式，还有一种情况采用图片的形式，比如常用的 Logo。
整体效果如下
Logo 如下（为了看得更清晰，logo 用较大点的图片）
《像 word 一样增加水印功能》文中介绍的方式目前仅支持纯文字形式的，想实现如 Logo 图片一样的水印功能，在产品中并没有明确指出，所以要重新考虑解决方式。
功能分析
因为涉及到图片，所以还要从润乾报表在图片的支持情况上考虑。
1、 单元格图片：水印是对整个报表页面添加，单元格图片显然不可行，总不能给每个单元格都设置上图片，再者设置为图片后也就没办法再搞数据了。
2、 数据图层：该功能也可以为报表添加图片。但是，尽管可以定义该图层的大小，但是也仅能支持一张图片的缩放，也没法实现想要的水印效果。
3、 背景图：背景图是为整个报表设置，同时在“样式”上也支持“平铺”模式，这显然也更能符合水印的效果。
具体实现过程
找到可实现的方式后，接下来将实现的过程操作一遍。
1， 准备一张报表，并将单元格背景色设置为透明
注意：为了整体效果，此处最好将整行都个报表都设置为透明背景。
2， 将 logo 图片放至应用下
此处为设计器安装环境，将 logo 图片（logo.png）放在 demo/WEB-INF/reportFiles 下。
注：也可以是一个 url 地址
3， 为报表添加背景图，并将“样式”设置为“平铺”
4， 查看 web 端效果
总结
以上是实现图片水印效果的方式，操作过程相对比较简单，主要是找到这个更合理的解决的方法。当然，这个实现也有缺点，比如无法让水印随意按角度倾斜、要求报表单元格的背景透明等。不过倾斜问题，稍微辛苦点就是让美工同学们给提供一个倾斜角度的 logo 图片，也可轻松实现。
文字水印参考：《像 word 一样增加水印功能》
更多前端效果类问题请查看：报表样式汇总导航
* 动态文字水印怎么做
* web 报表轻松实现数据异常预警功能
* 报表工具如何实现“点击查看原图”
* 润乾报表中进度条的一种实现方式
* 报表怎样实现滚动的公告效果？
Logo（图片）作为报表水印的解决方法相关推荐
- html图片在wps中不显示文字大小,WPS文字插入图片显示不全怎么办 WPS文字插入图片显示不完整的解决方法...
在wps文字编辑文档时,如果我们在使用时插入图片显示不全,这种情况我们该怎么解决呢?想必有不少的用户遇到过这种问题,下面教程之家网为大家带来WPS文字插入图片显示不完整的解决方法,不知道怎么解决的朋友 ...
- html页面整体偏移了怎么办,html2canvas生成的图片偏移不完整的解决方法
情景一: 问题背景:生成的图片在一个弹窗里面,如果页面没有滚动条就是正常的,但是一旦出现滚动条并且页面发生滚动时html2canvas绘制成的图片就会偏移出对应滚动高度的白边,如下: 解决办法: 楼主 ...
- win7系统不显示图片的缩略图的终极解决方法
win7系统不显示图片的缩略图的终极解决方法 参考文章: (1)win7系统不显示图片的缩略图的终极解决方法 (2)https://www.cnblogs.com/senior-engineer/p/ ...
- Win11图片不显示缩略图怎么办？Win11图片不显示缩略图的解决方法
正常情况下我们在点击打开文件夹的时候是可以看到图片的缩略图的,但也有一些小伙伴出现无法看到缩略图的情况,遇到这种情况应该如何解决呢?下面就和小编一起来看看有什么解决方法.更多教程参考小白一键装机网 W ...
- 图片放大不模糊的解决方法
图片放大不模糊的解决方法!小编作为一名互联网运营人员,每天要使用很多的图片素材,也要处理很多的图片素材,比如转换图片格式,修改图片尺寸大小等.将图片尺寸放大虽然是一个比较简单的操作,却有一个难以解决的 ...
- CSS图片的下边有间隙解决方法
CSS图片的下边有间隙解决方法 方法1:设置图片为块元素 img{display:block; } 方法2:给图片设置垂直对齐 图片行内块元素 他在对齐的时候默认的对齐方式与基线对齐 vertical ...
- vue动图加载图片不能正确显示的解决方法
vue动图加载图片不能正确显示的解决方法 解决核心 代码 运行结果 上次解决过一次,没有记录,后来发现有小伙伴问我这个问题,我今天就顺手记录一下,具体的原因我这里就不详细说, 加载不出来简略的原因是v ...
- Windows Live Mail不能发送图片附件的2种解决方法
Windows Live Mail不能发送图片附件的2种解决方法 1,打开注册表项HKEY_CURRENT_USER\Software\Microsoft\Windows Live Mail\mail ...
- html中图片之间有缝隙,科技常识：HTML5中图片之间的缝隙完美解决方法
今天小编跟大家讲解下有关HTML5中图片之间的缝隙完美解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML5中图片之间的缝隙完美解决方法 的相关资料,希望小伙伴们看了有所帮助. ...
最新文章
- Ubuntu18彻底删除MySQL5.7数据库
- Swift--逃逸闭包与非逃逸闭包（Swift3.1）
- short 类型的大小为( )个字节。_2008-2012，张一鸣在豆瓣书影音为字节跳动埋下的5个彩蛋...
- Compose 手势事件:防止重复点击,双击,长按,全局触摸隐藏键盘
- Docker Compose基本使用-使用Compose启动Tomcat为例
- PHP 实现图片验证码
- 第三次作业 词频统计
- Android第一行代码源码分享
- smart3d加载到谷歌_Android Google Smart Lock
- win10插上耳机还外放解决解决方法
- 栈：后进先出的线性表
- 【LeetCode】求众数（四种方法）
- Oracle官网 账号及密码
- java实现推荐算法实例_从技术角度分析推荐系统案例
- NOI2017退役记
- 界面组件——按钮(Button)与图片按钮(ImageButton)
- 15个C语言“谜题”，有你知道的吗？
- 声速的测量的实验原理和应用_示波器的原理和使用声速测量实验报告.docx
- Android开发：微信应用签名如何获取
- Nginx学习 ---- js胖笔记