zoukankan      html  css  js  c++  java
  • 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 报表轻松实现数据异常预警功能
    * 报表工具如何实现“点击查看原图
    * 润乾报表中进度条的一种实现方式
    * 报表怎样实现滚动的公告效果?

  • 相关阅读:
    大数据,TB、PB、EB
    localhost,127.0.0.1,本机IP,三者的区别
    git rollback commands
    世界会给这样静等花开的人足够的回报
    柳传志:一个人越是成功,所遭受的委屈也越多!
    大型网站架构之分布式消息队列
    设置 php 上传文件大小
    简单php post请求
    linux下mysql 备份、还原数据库
    Windows下 Apache xdebug
  • 原文地址:https://www.cnblogs.com/shiGuangShiYi/p/12078172.html
Copyright © 2011-2022 走看看