pdf.Js预览pdf文件，加入动态水印，也可以用于其他类型文件预览添加水印功能

最新推荐文章于 2025-04-07 09:18:10 发布

weixin_42871628

最新推荐文章于 2025-04-07 09:18:10 发布

阅读量2.5k

点赞数 1

分类专栏： pdfJs预览水印文章标签： javascript jquery

本文链接：https://blog.youkuaiyun.com/weixin_42871628/article/details/109533465

版权

这篇博客介绍了如何在pdf.js中实现动态水印功能，包括文本水印和图片水印，通过调整参数实现不同位置和透明度的水印效果。文章提供了代码示例，并指出该方法同样适用于其他类型的文件预览。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 var _this = this;

                    if (this.renderingState !== _pdf_rendering_queue.RenderingStates.INITIAL) {
                        console.error('Must be in new state before drawing');
                        this.reset();
                    }
                    if (!this.pdfPage) {
                        this.renderingState = _pdf_rendering_queue.RenderingStates.FINISHED;
                        return Promise.reject(new Error('Page is not loaded'));
                    }
                    this.renderingState = _pdf_rendering_queue.RenderingStates.RUNNING;
                    var pdfPage = this.pdfPage;
                    var div = this.div;
                    var canvasWrapper = document.createElement('div');
                    canvasWrapper.style.width = div.style.width;
                    canvasWrapper.style.height = div.style.height;
                    canvasWrapper.classList.add('canvasWrapper');
                    if (this.annotationLayer && this.annotationLayer.div) {
                        div.insertBefore(canvasWrapper, this.annotationLayer.div);
                    } else {
                        div.appendChild(canvasWrapper);
                    }

var textLayer = null;

if (this.textLayerMode !== _ui_utils.TextLayerMode.DISABLE && this.textLayerFactory) {
var textLayerDiv = document.createElement('div');
textLayerDiv.className = 'textLayer';
textLayerDiv.style.width = canvasWrapper.style.width;
textLayerDiv.style.height = canvasWrapper.style.height;

//水印
var cover = document.createElement('div');
cover.className = "cover";
var defaultSettings = {
*****watermark_txt: window.parent.waterMark,
watermark_img: windo

最低0.47元/天解锁文章