取巧快速加水印

野生程序猿-杂烧5年前随意分享837

收到个紧急需求,由于我们客户主要是学校。我们开发的主要是教学软件,但是也开发教学课件。这次就是交付的教学课件,用在别的系统上。学校提需求需要在课件上加水印。不知道是不是看了钉钉等软件带来的灵感,要斜斜的、整屏覆盖。

由于是已经交付的产品,不可能花大力气来修改课件,只能像办法取巧。我们的课件是弹窗iframe的方式在系统里加载的。

于是我的思路是这样的:

“系统iframeA” 加载 “中转水印iframeB”加载课件。


【iframeB.html】

<!DOCTYPE html>
<html >
	<head>
		<meta charset="utf-8" />
		<title></title>

	</head>
	
	
	<body>

	
		<script>
		
		var url=location.href;
		console.log(url);
		var url_split="#my_go_url=";
		if(url.indexOf(url_split)>0)
		{
			var url_arr=url.split(url_split);
			var url_new=url_arr[1];
			var shuiyin_html=`
			<iframe src="${url_new}" allowfullscreen="true" style="position: fixed; z-index: 99999; width:100%; height:100%; border:0;"></iframe>
			`;
			

			var shuiyin_node = document.createElement("div");
			shuiyin_node.innerHTML = shuiyin_html;
			document.getElementsByTagName("body")[0].appendChild(shuiyin_node); 
			
		}else{
		console.log('err');
		}
		
		</script>


	</body>
</html>

别人系统的代码不能改,又不想重新生成课件(课件其实不是由开发人员做的,是由多媒体制作人员,1个课件1个课件手动做的)。因此通过一个iframe实现水印是一个不错的选择。

标签: 水印

相关文章

介绍一款文件比较工具Beyond Compare

介绍一款文件比较工具Beyond Compare

这款软件除了可以比较我们的代码差异,还可以比较图片形状差异。有以下几个优点1、代码支持特殊字符,如换行符的一些差异(不同操作系统,如linux跟windows下很多时候会有这个现象)。2、支持上下文功...

强迫症犯了_重命名

文件夹里的文件命名是这样的,1.mp4,2.mp4,...,999.mp4 看着不舒服,我喜欢 001.mp4,002.mp4,003.mp4。很多播放软件 1后面是11、12排序的。于是通过node...

按键精灵+大漠插件 打boss(脚本demo4)

前面介绍了大漠插件,这里再来个复杂点的,这个是4开刷副本//初始化数据 //地图信息 //副本坐标 ditux = -230 dituy = -19...

按键精灵调用大漠插件后台挂机

大漠插件dmsoft,是一个dll调用的插件,很多语言支持调用,可以用来开发外挂脚本。它的主要优势是后台,就是把窗口拖到屏幕外也能挂机,是一款性能不错的插件。很多图色类外挂脚本都是基于改插件开发的。按...

egret升级版本后遇到的问题

升级完egret引擎版本后vscode项目启动不了了,关键是新的demo也启动不了。只能用egret run -a 启动。egret越来越离谱了,还发现了其他怪异问题。1、html5编译报错,提示“您...

时序数据库推荐taos

  时序数据库(Time Series Database,TSDB) 全称为时间序列数据库。时间序列数据库指主要用于处理带时间标签(按照时间的顺序变化,即时间序列化)的数据,带时间标签的数据也称为时间...