Logo(圖片)作為報表水印的解決方法

bubblegum發表於2019-12-19

概述

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

水印除了純文字形式,還有一種情況採用圖片的形式,比如常用的 Logo。

整體效果如下

1png

Logo 如下(為了看得更清晰,logo 用較大點的圖片)

2png

《像 word 一樣增加水印功能》文中介紹的方式目前僅支援純文字形式的,想實現如 Logo 圖片一樣的水印功能,在產品中並沒有明確指出,所以要重新考慮解決方式。

功能分析

因為涉及到圖片,所以還要從潤乾報表在圖片的支援情況上考慮。

1、 單元格圖片:水印是對整個報表頁面新增,單元格圖片顯然不可行,總不能給每個單元格都設定上圖片,再者設定為圖片後也就沒辦法再搞資料了。

2、 資料圖層:該功能也可以為報表新增圖片。但是,儘管可以定義該圖層的大小,但是也僅能支援一張圖片的縮放,也沒法實現想要的水印效果。

3、 背景圖:背景圖是為整個報表設定,同時在“樣式”上也支援“平鋪”模式,這顯然也更能符合水印的效果。

具體實現過程

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

1, 準備一張報表,並將單元格背景色設定為透明

3png

注意:為了整體效果,此處最好將整行都個報表都設定為透明背景。

2, 將 logo 圖片放至應用下

此處為設計器安裝環境,將 logo 圖片(logo.png)放在 demo/WEB-INF/reportFiles 下。

注:也可以是一個 url 地址

3, 為報表新增背景圖,並將“樣式”設定為“平鋪”

4png

4, 檢視 web 端效果

5png

總結

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


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69957599/viewspace-2669383/,如需轉載,請註明出處,否則將追究法律責任。

相關文章