Logo（圖片）做爲報表水印的解決方法

概述

在《像 word 同樣增長水印功能》中，已經介紹瞭如何在潤乾報表中增長文字水印功能，包括了靜態及動態水印。水印功能將標識信息嵌入到報表載體後，使得信息安全、版權保護有了更有效的方法。

水印除了純文字形式，還有一種狀況採用圖片的形式，好比經常使用的 Logo。

總體效果以下

Logo 以下（爲了看得更清晰，logo 用較大點的圖片）

《像 word 同樣增長水印功能》文中介紹的方式目前僅支持純文字形式的，想實現如 Logo 圖片同樣的水印功能，在產品中並無明確指出，因此要從新考慮解決方式。

功能分析

由於涉及到圖片，因此還要從潤乾報表在圖片的支持狀況上考慮。

一、 單元格圖片：水印是對整個報表頁面添加，單元格圖片顯然不可行，總不能給每一個單元格都設置上圖片，再者設置爲圖片後也就沒辦法再搞數據了。

二、 數據圖層：該功能也能夠爲報表添加圖片。可是，儘管能夠定義該圖層的大小，可是也僅能支持一張圖片的縮放，也無法實現想要的水印效果。

三、 背景圖：背景圖是爲整個報表設置，同時在「樣式」上也支持「平鋪」模式，這顯然也更能符合水印的效果。

具體實現過程

找到可實現的方式後，接下來將實現的過程操做一遍。

1， 準備一張報表，並將單元格背景色設置爲透明

注意：爲了總體效果，此處最好將整行都個報表都設置爲透明背景。

2， 將 logo 圖片放至應用下

此處爲設計器安裝環境，將 logo 圖片（logo.png）放在 demo/WEB-INF/reportFiles 下。

注：也能夠是一個 url 地址

3， 爲報表添加背景圖，並將「樣式」設置爲「平鋪」

4， 查看 web 端效果

總結

以上是實現圖片水印效果的方式，操做過程相對比較簡單，主要是找到這個更合理的解決的方法。固然，這個實現也有缺點，好比沒法讓水印隨意按角度傾斜、要求報表單元格的背景透明等。不過傾斜問題，稍微辛苦點就是讓美工同窗們給提供一個傾斜角度的 logo 圖片，也可輕鬆實現。

文字水印參考：《像 word 同樣增長水印功能》
更多前端效果類問題請查看：報表樣式彙總導航
* 動態文字水印怎麼作
* web 報表輕鬆實現數據異常預警功能
* 報表工具如何實現「點擊查看原圖」
* 潤乾報表中進度條的一種實現方式
* 報表怎樣實現滾動的公告效果？