首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS黑科技:水印防删

    实现的方式,可能有多种,比如:对图片、视频而言,可以在服务端完成水印,但对于文字信息类,一般只能在前端页面中进行水印添加。 本文分享一种图层式防删水印技术。...其效果是:在页面渲染完成后,由JavaScript进行图层水印添加,并会实时检测水印状态,如果水印被删除、隐藏、或设置为透明,都会重置水印。...源码 防删文字水印 水印内容不可删除,如检测到被删除,会重新添加水印 </...: 其实应用于产品或项目时,可将JS代码用JShaman进行混淆加密,以防止代码被分析识破从而被针对性的反制。...注:本文演示中是给div添加水印,实际应用此技术时,水印可添加给任意种类的元素内容。

    1.7K30

    用js实现html页面水印

    用js实现html页面水印要在 HTML 页面中添加水印并防止截图,可以使用 JavaScript。以下是实现的基本步骤:1、在 HTML 中添加一个 div 元素作为水印容器,并设置其样式。...2、使用 JavaScript 动态生成水印内容,并将其添加到水印容器中。3、通过 CSS 设置水印文本的样式,例如颜色、字体大小等。...4、使用 CSS 将水印容器置于所有其他元素的最顶层,从而覆盖整个页面。5、监听窗口的 resize 和 scroll 事件,以便及时更新水印位置。...使用 CSS 将水印容器置于最顶层,并禁用了其指针事件,以防止干扰用户操作。同时在窗口 resize 和 scroll 事件中更新水印位置,以适应页面变化。...此外,这个示例代码还使用 Canvas 绘制了一个与页面大小相同的黑色矩形,并将其与水印容器叠加在一起。

    4.4K30
    领券