水印平铺

  本周做了一个小功能，导出pdf加水印，但是水印是要平铺效果。单纯得加水印其实很简单，只需要有一个canvas，然后加上字就OK，但是效果是只能出来一个水印。平铺水印的效果图是这样的：       

                                       

思路如下：

1.获取页面最大高度和宽度。

2.设置水印的一些基本参数，例如高度、宽度，间距，字体颜色之类的。

3.计算水印的列数、行数。

4.循环加载水印，就可以达到水印平铺的效果了。

 

代码如下：

function watermark(settings) {	
  
	var zdiv=document.getElementById("Zdiv");//获取想要加水印的范围
	//获取页面最大宽度
	var page_width = Math.max(document.body.scrollWidth,document.body.clientWidth);
	
	var cutWidth = page_width*0.0150;
	var page_width=page_width-cutWidth;
	//获取页面最大高度
	var page_height = Math.max(zdiv.scrollHeight,zdiv.clientHeight)+450;
	
	var linenum=page_height/80;//水印的行数
	
	var defaultSettings={
	    watermark_txt:settings,