iframe方式預覽pdf檔案並新增水印

2021-10-09 07:30:28 字數 1622 閱讀 2394
5，執行以上**有報錯，開啟viewer.js，搜尋「viewerorigin」關鍵字，注釋下面**即可

6，新增水印，開啟viewer.js檔案，找到10094行左右，此處新增水印**

水印**：

//開始水印


var cover = document.createelement('div');


cover.classname = "cover";


var defaultsettings = ;


var otemp = document.createdocumentfragment();


//獲取頁面最大寬度


let page_width = math.max(


document.body.scrollwidth,


document.body.clientwidth


);let x;


let y;


for (let i = 0; i < defaultsettings.watermark_rows; i++) else if(j+1==defaultsettings.watermark_cols)else


mask_div.style.top = top + "px";


mask_div.style.overflow = "hidden";


mask_div.style.opacity = defaultsettings.watermark_alpha;


mask_div.style.fontsize = defaultsettings.watermark_fontsize;


mask_div.style.fontfamily = defaultsettings.watermark_font;


mask_div.style.color = defaultsettings.watermark_color;


mask_div.style.textalign = "center";


mask_div.style.width = x + 'px';


mask_div.style.height = y + 'px';


mask_div.style.display = "block";


mask_div.style.fontweight="bold";


mask_div.style.lineheight =


y + "px";}}


// 結束水印
將水印新增到頁面中

PDF預覽 pdfJS預覽pdf檔案

方式1 檔案流轉為blob let urlsrc window.url.createobjecturl blob this src urlsrc pdf空白頁 else 正確解析了頁碼，但是每頁空白。解決方法 responsetype blob html visible.sync dialo isi...

Android之預覽PDF檔案

上週臨時收到客戶的說明書，說要放在應用裡顯示，本來覺得乙個非常簡單的事情沒想到一波三折。第一波 我使用了pdfviewer控制項 相了解的可以檢視 遇到的坑就是 因為裝置是橫屏的，這個控制項在手機上預覽pdf很不錯，我一下子沒有找到橫向鋪滿的方法，因此顯示起來頁面顯的非常小，由於時間比較急沒有去細細...

前端js實現預覽pdf檔案

一 採用pdfobeject.js外掛程式，優點 支援pdf輸入開啟口令，缺點 不支援手機瀏覽器 其實就光看這個 也足夠了，主要 二 採用touchpdf.js外掛程式，實現手機端預覽pdf檔案，缺點 pdf不能設定開啟口令，否則js報錯passwordexception，上網未找到解決辦法 主要參...