js页面加水印防复制防另存为代码(纯js)

最新推荐文章于 2024-04-30 11:09:00 发布
最新推荐文章于 2024-04-30 11:09:00 发布
阅读量1.8k 收藏 8
点赞数 1
分类专栏： java 文章标签： js添加水印 水印 防复制
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxd8080666/article/details/81166118
版权

这段代码是给前端页面添加水印的代码..何为水印?是可以显示登录人的姓名也可以定制一些内容等...代码如下:

前提是得引用下面两个js  可以去下载引入

<html>
<head>
    <script src="jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="jquery.watermark.js" type="text/javascript"></script>
    <style type="text/css">
        tbody#t_body tr{background:transparent;}
        .soso_selsect table tr{background:transparent;}
        input{background:transparent;}
        select{background:transparent;}
        textarea{background:transparent;}
    </style>

    <script type="text/javascript">

        //禁止复制和右键另存为
        function iEsc() { return false;}
        function iRec() { return true;}
        function DisableKeys() {
            if (event.ctrlKey || event.shiftKey || event.altKey) {
                window.event.returnValue = false;
                iEsc();
            }
        }
        document.ondragstart = iEsc;
        document.onkeydown = DisableKeys;
        document.oncontextmenu = iEsc;
        if (typeof document.onselectstart != "undefined")
            document.onselectstart = iEsc;
        else {
            document.onmousedown = iEsc;
            document.onmouseup = iRec;
        }


        //添加水印
        function addImage(){
            var managerName = "水印";
            $('body').watermark({
                texts : [managerName], //水印文字
                textColor : "#BFBFBF", //文字颜色
                textFont : '16px 微软雅黑', //字体
                width : 100, //水印文字的水平间距
                height : 100,  //水印文字的高度间距（低于文字高度会被替代）
                textRotate : -30 //-90到0， 负数值，不包含-90
            });
        }
    </script>
</head>
<body onload="addImage()">
<p align="center">成绩表</p>
<table border="2px" align="center" bordercolor="blue" width="600px" height="300px">
    <tr align="center">
        <td>项目</td>
        <td colspan="5" >上课</td>
        <td colspan="2" >休息</td>
    </tr>
    <tr align="center">
        <td>星期</td>
        <td>星期一</td>
        <td>星期二</td>
        <td>星期三</td>
        <td>星期四</td>
        <td>星期五</td>
        <td>星期六</td>
        <td>星期日</td>
    </tr>
    <tr align="center">
        <td rowspan="4">上午</td>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>英语</td>
        <td>物理</td>
        <td>计算机</td>
        <td rowspan="4">休息</td>
    </tr>
    <tr align="center">
        <td>数学</td>
        <td>数学</td>
        <td>地理</td>
        <td>历史</td>
        <td>化学</td>
        <td>计算机</td>
    </tr>
    <tr align="center">
        <td>化学</td>
        <td>语文</td>
        <td>体育</td>
        <td>计算机</td>
        <td>英语</td>
        <td>计算机</td>
    </tr>
    <tr align="center">
        <td>政治</td>
        <td>英语</td>
        <td>体育</td>
        <td>历史</td>
        <td>地理</td>
        <td>计算机</td>
    </tr>
    <tr align="center">
        <td rowspan="2">下午</td>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>物理</td>
        <td>计算机</td>
        <td>英语</td>
        <td rowspan="2">休息</td>
    </tr>
    <tr align="center">
        <td>数学</td>
        <td>数学</td>
        <td>地理</td>
        <td>历史</td>
        <td>化学</td>
        <td>计算机</td>
    </tr>
</table>
</body>
</html>

效果如下:

Demo下载地址:https://download.csdn.net/download/zxd8080666/10558467

奋力奔跑的蜗牛
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
页面加水印防复制另存为
07-23
页面加水印防复制另存为页面加水印防复制另存为页面加水印防复制另存为纯js代码
amchart javascript(js) 破解（去除水印）
12-06
网上有大把大把的flex和.net破解方法，但是却没有javascript的破解，小弟花了一个多小时的时间读了下源代码，找到了破解方法，现在提供给大家使用，本来不想要分的，可是发现小弟现在没分了，就象征性的收点儿吧，哈哈！如果想知道怎么破解的可以使用文件对比软件看一下和源文件的差别，其实挺简单的，唯一麻烦的就是怎么找着这段代码！ 使用方法：使用该文件替换官方下载的文件即可去除水印链接
转载一些javascript技巧
07-18 784
1.  oncontextmenu="window.event.returnValue=false"      将彻底屏蔽鼠标右键    no   可用于Table2.                   取消选取、防止复制3.  onpaste="return false"                                        不准粘贴4.  oncopy="return
80 行 JS 代码实现页面添加水印：文字水印、多行文字水印、图片水印、文字&图片水印
最新发布
guoqkmiss的博客
04-30 1149
水印技术调研显示，水印在保护版权、信息标识和安全保护方面具有重要作用。通过CSS、JavaScript或第三方库，可以实现页面水印功能。过多或显眼的水印可能影响用户体验，而性能和兼容性也是考虑的因素。综合评估水印的利弊，可结合实际需求谨慎选择适合的实现方式。如果需求有更复杂的水印，可以按步骤去改即可。
css让网站不能复制,最好用的网站防复制方法（禁止js都无效）
weixin_42509908的博客
08-03 433
这篇文章的内容为 js 和 非js 的一些禁止复制代码，当然，是还有效的代码，对于目前的 Chrome 或 IE；同时为了更好的效果，另加一些大家会忽略的地方，例如打印模式。其次是 WordPress 在这方面的一些关联代码。首先为 js 部分，控制键盘、选中、右键，这段代码可以放到 header 或 js 文件当中：1234567891011121314151617functionstop(){...
js中给页面添加水印方法
不吃草的程序猿的博客
09-11 1465
调用方法时传递的参数数量可以自行设置： watermark('参数1','参数2','参数3'); function watermark(t1, t2, t3) { var maxWidth = document.documentElement.clientWidth; var maxHeight = document.documentElement.clientHeight; // 间隔宽度 var intervalWidth = 2
前端页面加水印watermark.js
01-11
不影响原有的点击或选中事件 watermark({ watermark_txt: ‘水印文字’,watermark_id:‘需要加水印的标签id’});
html5 video标签屏蔽右键视频另存为的js代码
09-28
然而，`<video>`标签的一个特性是用户可以通过右键点击视频并在弹出的上下文菜单中选择“视频另存为”来直接下载视频文件，这在某些情况下可能不符合网站所有者的预期，比如希望保护版权或仅允许流式播放。...
【JavaScript源代码】vue实现页面添加水印效果.docx
12-29
在提供的文档中，我们看到一个名为 `watermark` 的函数，它负责在页面上动态生成水印。下面将详细解析这个功能的实现方式和涉及的知识点。 首先，`watermark` 函数接收一个 `settings` 对象作为参数，用于定制水印...
html代码在线图片加水印源码
10-18
HTML代码在线图片加水印源码是一个用于在网页上实现图片加水印功能的程序，主要基于HTML、CSS和JavaScript技术。在这个系统中，用户可以通过Web界面上传图片，并实时添加自定义的水印，以便保护版权或者展示品牌标识...
网页背景加水印php,通过js给网页加上水印背景实例
weixin_42498249的博客
03-22 253
水印方法export function watermark(settings) {//默认设置let defaultSettings={watermark_txt:"text",watermark_x:20,//水印起始位置x轴坐标watermark_y:20,//水印起始位置Y轴坐标watermark_rows:20,//水印行数watermark_cols:20,//水印列数watermark...
测试水印并且不影响页面的交互事件
04-10
最近公司要求给所有web页面打水印，并且要求不能影响页面的交互效果，亲测有效
用JS实现TextArea水印的效果
Grady_Lu的专栏
10-23 1346
以下代码可直接运行   function clickruncode(){   if(document.getElementById("runcode0").value=='请在此帖入代码')      document.getElementById("runcode0").value='';   } function blurruncode() {   if(documen
水印融合到jsp代码
u012102536的博客
04-28 2422
String Operation_Code=StringUtils.defaultIfEmpty(request.getParameter("Operation_Code"),""); String Operation_Wid = StringUtils.defaultIfEmpty(request.getParameter("Operation_Wid"),""); String flbh
php防扒,用一串js代码实现防止网站代码被扒
weixin_34369789的博客
03-12 892
这串js代码可以保护全站不会被扒，而不是单独的某个页面。如果是博客得的话建议放到全局文件header.php里面。如果是单页的话也可以放到网站首页或者新建一个js文件引入即可。var a = 'retrtrfdcfvvvv';var ym = window.location;var ym2 = '这里添加你需要保护的网站域名例如www.6dg.com不加http';var ym3 = String...
通过web前端实现水印制作
毕业作品网站
02-09 2571
快速使用 用 idea 打开 first.html，也就是起一个前端项目，直接打开会报跨域错误。 打开后，选择自己想查看的图片。这里以第二张图片甘雨为例，打开后会到达二级页面，二级页面包括了四张图片： 这四张图片以此表示了：原图、带明水印的图、数字水印、带暗水印的图。 点击最后一张图，会解析出明水印。 代码解析 二级界面文件夹下，有各个 html文件，一个css文件，一个 js 文件。 每个 html中都会链接到 css和 js 文件,html 中原本都只有一个 img 标签。css 文件没什么，就是规
[JavaScript]使用opencv.js实现基于傅里叶变换的频域水印(隐水印)
m0_51691879的博客
12-15 2491
通过了解频域水印的相关知识，我理解了频域水印就是先将图片进行傅里叶变换，得到频域图，然后将水印文字加到频域图中，在将频域图转换回去得到加了频域水印的图片。
html如何禁止保存,js禁止页面复制与保存的方法
weixin_31618799的博客
06-16 1158
1、body中禁止复制ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>2、功能更强的防复制js代码/***禁止复制*site www.jbxue.com*/function disablese...
给jsp页面添加水印
llb522628的博客
08-26 5326
给jsp页面添加水印 直接上代码，在jsp页面直接添加下面代码即可： <style type="text/css" media="screen"> body{background-color: #eef1f8;} #one{padding: 10px 15px;background-color: #FFFFFF;background-image: url(http://pic.58pi...
Ffmpeg 如何为视频加水印，c++纯代码实现
03-02
Ffmpeg是一个功能强大的视频处理工具，可以通过在视频中添加水印来保护视频内容的版权，以下是使用C语言实现在视频中添加水印的步骤： 1.打开视频文件 ```c AVFormatContext *fmt_ctx = avformat_alloc_context(); if(avformat_open_input(&fmt_ctx, "input.mp4", NULL, NULL) < 0) { printf("无法打开输入文件\n"); exit(1); } ``` 2.查找视频流 ```c if(avformat_find_stream_info(fmt_ctx, NULL) < 0) { printf("无法查找视频流信息\n"); exit(1); } int video_index = -1; for(int i=0; i<fmt_ctx->nb_streams; i++) { if(fmt_ctx->streams[i]->codecpar->codec_type == AVMEDIA_TYPE_VIDEO) { video_index = i; break; } } if(video_index == -1) { printf("无法找到视频流\n"); exit(1); } AVCodecParameters *codec_par = fmt_ctx->streams[video_index]->codecpar; ``` 3.打开视频解码器 ```c AVCodec *codec = avcodec_find_decoder(codec_par->codec_id); if(codec == NULL) { printf("无法找到解码器\n"); exit(1); } AVCodecContext *codec_ctx = avcodec_alloc_context3(codec); if(avcodec_parameters_to_context(codec_ctx, codec_par) < 0) { printf("无法将解码器参数转换为上下文\n"); exit(1); } if(avcodec_open2(codec_ctx, codec, NULL) < 0) { printf("无法打开解码器\n"); exit(1); } ``` 4.创建输出文件 ```c AVFormatContext *out_fmt_ctx = NULL; if(avformat_alloc_output_context2(&out_fmt_ctx, NULL, NULL, "output.mp4") < 0) { printf("无法创建输出文件\n"); exit(1); } AVStream *out_stream = avformat_new_stream(out_fmt_ctx, codec); if(out_stream == NULL) { printf("无法创建输出流\n"); exit(1); } if(avcodec_parameters_copy(out_stream->codecpar, codec_par) < 0) { printf("无法复制编解码器参数\n"); exit(1); } if(avio_open(&out_fmt_ctx->pb, "output.mp4", AVIO_FLAG_WRITE) < 0) { printf("无法打开输出文件\n"); exit(1); } if(avformat_write_header(out_fmt_ctx, NULL) < 0) { printf("无法写入输出文件头\n"); exit(1); } ``` 5.创建水印 ```c AVFilterContext *buffersrc_ctx; AVFilterContext *buffersink_ctx; AVFilterGraph *filter_graph; const char *filter_descr = "movie=watermark.png[watermark];[in][watermark]overlay=x=100:y=100[out]"; avfilter_register_all(); AVFilter *buffersrc = avfilter_get_by_name("buffer"); AVFilter *buffersink = avfilter_get_by_name("buffersink"); AVFilterInOut *outputs = avfilter_inout_alloc(); AVFilterInOut *inputs = avfilter_inout_alloc(); enum AVPixelFormat pix_fmts[] = { AV_PIX_FMT_YUV420P, AV_PIX_FMT
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值