云展网下载PDF

来自缓存
Greasy Fork is available in English.
云展网下载PDF

云展网下载高清PDF！支持多种模式！
换行
// ==UserScript==
// @name         云展网下载PDF
// @namespace    http://tampermonkey.net/yunzhanpDF
// @version      1.21
// @description  云展网下载高清PDF！支持多种模式！
// @author       ZouYS
// @match        https://*.yunzhan365.com/*
// @icon         https://book.yunzhan365.com/web/images/nav_logo_big.jpg
// @require      https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js
// @require      https://cdn.jsdelivr.net/npm/sweetalert2@11
// @require      https://fastly.jsdelivr.net/npm/sweetalert2@11
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/html2canvas.min.js
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/pdf-lib.min.js
// @grant        GM_addStyle
// @grant        GM_addElement
// @grant        unsafeWindow
// @run-at       document-end
// ==/UserScript==

(function () {
    'use strict';
    window.onload = function () {
        /*if(!window.htmlConfig){
            console.error('error!')
            return 1;
        }*/
        /*const zip = new JSZip();
        if (!zip) {
            console.error('error loading zip！')
            return
        }*/
        let css = `.mydiv1{
            position: absolute;
            z-index: 9999999999;
            left: 100px;
            top: 300px;
            display: none;
        }
        .mybtn1 {
            z-index: 9999999999;
            position: absolute;
            top: 300px;
            font-size: inherit;
            font-family: inherit;
            color: white;
            padding: 0.5em 1em;
            outline: none;
            border: none;
            background-color: hsl(236, 32%, 26%);
            overflow: hidden;
            transition: color 0.4s ease-in-out;
        }
        .mybtn2 {
            z-index: 9999999999;
            position: absolute;
            top: 350px;
            font-size: inherit;
            font-family: inherit;
            color: white;
            padding: 0.5em 1em;
            outline: none;
            border: none;
            background-color: hsl(236, 32%, 26%);
            overflow: hidden;
            transition: color 0.4s ease-in-out;
        }

        .mybtn2::before,.mybtn1::before {
            content: '';
            z-index: -1;
            position: absolute;
            top: 100%;
            right: 100%;
            width: 1em;
            height: 1em;
            border-radius: 50%;
            background-color: #3cefff;
            transform-origin: center;
            transform: translate3d(50%, -50%, 0) scale3d(0, 0, 0);
            transition: transform 0.45s ease-in-out;
        }

        .mybtn2:hover,.mybtn1:hover {
            cursor: pointer;
            color: #161616;
        }

        .mybtn2:hover::before,.mybtn1:hover::before {
            transform: translate3d(50%, -50%, 0) scale3d(15, 15, 15);
        }`;
        GM_addStyle(css);
        const rules=new Map()
        const rulesClass=['cover_shadow side','flip-shadowB','flip-topshadow','HandPainted','midShadow','grayShadow','ViewModule','leftShadow book','rightShadow book','cover_shadow side flip_x']
        rulesClass.forEach(item=>{
            rules.set(item,true)
        })
        const button = document.createElement('button')
        button.classList.add('mybtn1')
        button.innerText = '高清下载PDF'
        document.body.append(button)
        button.onclick = () => {
            // console.log(unsafeWindow)
            try {
                let newUrl = document.getElementsByTagName('iframe')[0] && document.getElementsByTagName('iframe')[0].src
                if (newUrl) {
                    unsafeWindow.location.href = newUrl
                }
                if (Swal) {
                    Swal.fire({
                        position: 'top-end', //定位 左上角
                        icon: 'success',
                        title: '↑↑↑下载中，请留意浏览器右上角↑↑↑弹窗~',
                        showConfirmButton: false,
                        timer: 1500
                    })
                }
                let meta = unsafeWindow.htmlConfig || console.error('no meta data!')
                let imgUrls = meta.fliphtml5_pages
                let basicUrl = meta.meta.url
                basicUrl = basicUrl.slice(0, basicUrl.lastIndexOf('/') + 1)

                addImageToPDF(meta, imgUrls, basicUrl).then(pdf => {
                    pdf.save(`${meta.meta.title}.pdf`);
                });
            } catch (e) {
                if (Swal) {
                    Swal.fire({
                        position: 'center', //定位 左上角
                        icon: 'error',
                        title: `下载失败，请尝试兼容模式！~错误信息：${e}`,
                        // showConfirmButton: false,
                        // timer: 1500
                    })
                }
                console.error(e)
            }
        }
        const button_01 = document.createElement('button')
        button_01.classList.add('mybtn2')
        button_01.innerText = '下载-兼容模式'
        document.body.append(button_01)
        button_01.onclick = async () => {
            if(button_01.innerText==='下载中...'){
                return
            }
            const start = new Date();
            try {
                button_01.innerText='下载中...'
                let oriPDF = unsafeWindow['pdfjs-dist/build/pdf']

                let htmlConfig = unsafeWindow.htmlConfig || console.error('no meta data!')
                let fliphtml5_pages = htmlConfig.fliphtml5_pages || ''
                let meta = htmlConfig.meta;
                let pos = 0
                const pageCount = meta.pageCount;
                let pdf;
                //zip
                for (let i = 0; i < fliphtml5_pages.length; i++) {
                    if (fliphtml5_pages[i].n[0] && fliphtml5_pages[i].n[0].includes("zip")) {
                        //zip的情况
                        pos = 1
                    }
                }
                // console.log('fliphtml5_pages:',fliphtml5_pages)
                console.log('pos:', pos)
                //处理各种情况
                switch (pos) {
                    /**
                     * 情況一:html拼接
                     * 图片分解后写入为html拼接
                     */
                    case 0:
                        let scale=parseInt(prompt('case 0:html拼接，选择像素倍数(渲染高像素耗时较长，基数为页面展示的长宽，倍数默认5倍时，平均每页大约60s)','5'))
                        for (let i = 0; i < pageCount; i++) {
                            let page;
                            do{
                                page = document.getElementById(`page${i + 1}`)
                                if(!page){
                                    unsafeWindow.nextPageFun("flip shot bar");
                                    await sleep(3000);
                                    unsafeWindow.nextPageFun("flip shot bar");
                                    await sleep(3000);
                                }
                            }while (!page)
                            // 记录开始时间
                            const startTime = new Date();
                            // page = page.childNodes[0].childNodes[1]
                            console.log(`---------------------------------------------------------------------------------`)
                            console.log(`page${i + 1}: `, page)
                            const width = page.style.width;
                            const height = page.style.height;
                            if (page) {
                                const dom = page
                                //图片加像素
                                const startTimeDiv = new Date();
                                await replaceBackgroundImage(dom);
                                console.log(`page${i+1}:loop div using ${((new Date()-startTimeDiv)/1000).toFixed(2)}s`)
                                // 解决转换出来的图片的清晰度问题
                                // 手动创建一个 canvas 标签
                                let root = document.documentElement
                                root.style.overflow = 'auto'
                                const canvas = document.createElement('canvas')
                                // 获取父级的宽高
                                const width = parseInt(window.getComputedStyle(dom).width)
                                const height = parseInt(window.getComputedStyle(dom).height)
                                // 定义放大倍数，可支持小数
                                canvas.width = width * scale
                                canvas.height = height * scale
                                canvas.style.width = width + 'px'
                                canvas.style.height = height + 'px'

                                // 拿到目标dom调用一下html2canvas方法就能生成canvas对象了
                                // 获取要转换的元素
                                await html2canvas(dom, {
                                    canvas: canvas,
                                    scale: scale,
                                    dpi:96*2,
                                    useCORS: true,// 开启跨域设置，需要后台设置cors
                                    ignoreElements: (element) => {
                                        // console.log(element)
                                        if(rules.has(element.className)){
                                            return true;
                                        }
                                        /*if(element.tagName==='DIV' &&element.getAttribute('style')&& element.getAttribute('style').includes('background-image: url("blob:https://www.gaoding.com/')){
                                            return true;
                                        }*/
                                    }
                                }).then((canvas) => {
                                    if (!pdf) {
                                        pdf = new jspdf.jsPDF({
                                            orientation: canvas.width / canvas.height > 1 ? 'l' : 'p',
                                            unit: 'px',
                                            format: [canvas.width, canvas.height],
                                            compressPdf: true
                                        });
                                    }
                                    if (i !== 0) {
                                        pdf.addPage({
                                            format: [canvas.width, canvas.height],
                                        });
                                    }
                                    let dataURL = canvas.toDataURL('image/png')
                                    // 计算居中位置
                                    const x = 0;
                                    const y = 0;
                                    // 确保坐标和尺寸有效
                                    pdf.addImage(dataURL, 'PNG', x, y, canvas.width, canvas.height);
                                    console.log(`page ${i + 1}: loaded in ${((new Date()-startTime)/1000).toFixed(2)}s`)
                                    console.log(`---------------------------------------------------------------------------------`)
                                })
                            }

                        }
                        pdf.save(`${meta.title}.pdf`);
                        break
                    /**
                     * 情況二:zip的pdf文件
                     * 图片为PDF单页文件
                     */
                    case 1:
                        //https://book.yunzhan365.com/eurha/wafe/files/content-page/04f0837c365de291805215b7b97a5bdf.zip
                        let baseUrl = meta.url && meta.url.slice(0, meta.url.lastIndexOf('/') + 1) + 'files/content-page/'

                        for (let i = 0; i < fliphtml5_pages.length; i++) {
                            if (fliphtml5_pages[i].n[0] && fliphtml5_pages[i].n[0].includes("zip")) {
                                let url = `${baseUrl}${fliphtml5_pages[i].n[0]}`
                                console.log('url:', url)

                                let blobRes =await getBlob(url)
                                console.log('blobRes:', blobRes)
                                this.loadingTask = oriPDF.getDocument({url: blobRes.url, password: blobRes.password});
                                const l = await this.loadingTask.promise;
                                const page = await l.getPage(1);
                                console.log(`Page ${i} loaded`);

                                const scale = 2; // 缩放比例
                                const viewport = page.getViewport({scale});

                                if (!pdf) {
                                    pdf = new jspdf.jsPDF({
                                        orientation: viewport.width / viewport.height > 1 ? 'l' : 'p',
                                        unit: 'px',
                                        format: [viewport.width, viewport.height],
                                    });
                                }

                                if (i !== 0) {
                                    pdf.addPage({
                                        format: [viewport.width, viewport.height],
                                    });
                                }

                                // 创建用于渲染的 canvas
                                const canvas = document.createElement('canvas');
                                const context = canvas.getContext('2d');
                                canvas.height = viewport.height;
                                canvas.width = viewport.width;

                                // 渲染 PDF 页面到 canvas
                                const renderContext = {
                                    canvasContext: context,
                                    viewport: viewport,
                                };
                                await page.render(renderContext).promise;

                                // 获取图像数据
                                const imgData = canvas.toDataURL('image/png');

                                // 将图像数据添加到 jsPDF 中
                                pdf.addImage(imgData, 'PNG', 0, 0, viewport.width, viewport.height);
                                canvas.remove();

                            }
                        }
                        pdf.save(`${meta.title}.pdf`);

                        break
                    default:

                }
                button_01.innerText = '下载-兼容模式'
                console.log('下载成功！')
                if (Swal) {
                    Swal.fire({
                        position: 'center', //定位 左上角
                        icon: 'success',
                        title: `下载成功！~用时：${((new Date()-start)/1000).toFixed(2)}s`,
                        // showConfirmButton: false,
                        // timer: 3000
                    })
                }
            } catch (e) {
                if (Swal) {
                    Swal.fire({
                        position: 'center', //定位 左上角
                        icon: 'error',
                        title: `下载失败，请刷新重试！~${e}`,
                        // showConfirmButton: false,
                        // timer: 1500
                    })
                }
                button_01.innerText = '下载-兼容模式'
                console.error(e)
            }
        }

        // 定义一个递归函数来遍历所有 div
        async function replaceBackgroundImage(div) {
            // 获取当前 div 的背景图像样式
            const style = div.style.backgroundImage;

            // 检查是否包含 background-image
            if (style) {
                // 提取 URL 部分
                const urlMatch = style.match(/url\(["']?(.*?)["']?\)/);
                if (urlMatch) {
                    let url = urlMatch[1];

                    /**
                     * 解决 图片模糊
                     * 生成img标签
                     */
                    await new Promise(resolve => {
                        const imgElement = document.createElement('img');

                        // 替换掉查询字符串部分
                        url = url.split('?')[0]; // 删除 '?' 及其后面内容
                        // 更新背景图像的样式
                        div.style.backgroundImage = ``;
                        Array.from(div.attributes).forEach(attr => {
                            imgElement.setAttribute(attr.name, attr.value);
                        });
                        imgElement.src = url;
                        imgElement.onload=()=>{
                            div.parentNode.replaceChild(imgElement, div);
                            console.log(`img replaced url:${url}`)
                            resolve();
                        }
                    });
                }
            }

            // 遍历当前 div 的所有子元素
            const children = div.children;
            for (let i = 0; i < children.length; i++) {
                if (rules.has(children[i].className)) {
                    console.log(`${children[i].className} has been remove! `);
                    children[i].remove()
                    break
                }
                await replaceBackgroundImage(children[i]); // 递归调用
            }
        }

        /**
         * 解密PDF文件，返回密码和文件url
         * @param b
         * @returns {*}
         */
        function getBlob(b) {
            return new Promise(function (c, d) {
                d = new XMLHttpRequest;
                d.open("get", b, !0);
                d.responseType = "blob";
                d.onload = function () {
                    if (4 == this.readyState && 200 == this.status) {
                        (new Date).getTime();
                        window.response = this.response;
                        let e = new FileReader;
                        e.onload = function () {
                            window.arrayBuffer = new Uint8Array(this.result)
                        };
                        e.readAsArrayBuffer(response);
                        let f = response.slice(1083, response.size - 1003, "application/pdf"), g = "",
                            h = response.slice(1080, 1083),
                            k = response.slice(response.size - 1003, response.size - 1E3);
                        e = new FileReader;
                        e.onload = function () {
                            g = this.result + g;
                            let l = new FileReader;
                            l.onload = function () {
                                g += this.result;
                                var n = f.slice(0, 4E3), p = new FileReader;
                                p.onload = function () {
                                    var v = new Uint8Array(this.result);
                                    for (let i = 0; i < this.result.byteLength; ++i) v[i] = 255 - v[i];
                                    v = new Blob([new Blob([v.buffer]), f.slice(4E3, f.size)], {type: "application/pdf"});
                                    v = window.URL.createObjectURL(v);
                                    c({url: v, password: g})
                                };
                                p.readAsArrayBuffer(n)
                            };
                            l.readAsText(k)
                        };
                        e.readAsText(h)
                    }
                };
                d.send()
            }.bind(this))
        }

        async function addImageToPDF(meta, imageUrls, basicUrl) {
            let pdf;
            for (let i = 0; i < imageUrls.length; i++) {
                try {
                    let url = imageUrls[i].n[0].split('?')[0]
                    url += `?x-oss-process=image/sharpen,100`
                    if (url.includes('files/large/')) {
                        url = url.replace('../', '')
                    } else {
                        url = 'files/large/' + url
                    }
                    url = basicUrl + url;
                    console.log(`第${i + 1}页  url:`, url)
                    const img = await loadImage(url);
                    const imgWidth = img.width;
                    const imgHeight = img.height;
                    if (!pdf) {
                        pdf = new jspdf.jsPDF({
                            orientation: imgWidth / imgHeight > 1 ? 'l' : 'p',
                            unit: 'px',
                            format: [imgWidth, imgHeight],
                            compress: true
                        });
                    }
                    if (i !== 0) {
                        pdf.addPage({
                            format: [imgWidth, imgHeight],
                        });
                    }
                    /*const pageWidth = pdf.internal.pageSize.width;
                    const pageHeight = pdf.internal.pageSize.height;

                    // 计算缩放比例
                    const ratio = Math.min(pageWidth / imgWidth, pageHeight / imgHeight);
                    const newWidth = imgWidth * ratio;
                    const newHeight = imgHeight * ratio;*/

                    // 计算居中位置
                    const x = 0;
                    const y = 0;
                    // 确保坐标和尺寸有效
                    pdf.addImage(img, 'WEBP', x, y, imgWidth, imgHeight);
                    /*if (newWidth > 0 && newHeight > 0 && x >= 0 && y >= 0) {
                        pdf.addImage(img, 'WEBP', x, y, newWidth, newHeight);
                    } else {
                        console.error('Invalid dimensions or coordinates:', { newWidth, newHeight, x, y });
                    }*/
                    /*if(i!==imageUrls.length-1){
                        pdf.addPage()
                    }*/
                    if (Swal && i > 10) {
                        Swal.fire({
                            position: 'top-end', //定位 左上角
                            icon: 'success',
                            title: `加载中，第${i + 1}页`,
                            showConfirmButton: false,
                        })
                    }
                } catch (e) {
                    if (Swal) {
                        Swal.fire({
                            icon: 'error',
                            title: `下载失败，${e.message}`,
                            showConfirmButton: true,
                        })
                    }
                }

            }
            return pdf;
        }

        function loadImage(url) {
            return new Promise((resolve, reject) => {
                const img = new Image();
                img.crossOrigin = 'anonymous'; // 处理跨域问题
                img.src = url;
                img.onload = () => {
                    /*const canvas = document.createElement('canvas');
                    canvas.width = img.width;
                    canvas.height = img.height;
                    const ctx = canvas.getContext('2d');
                    ctx.drawImage(img, 0, 0);*/
                    // resolve(canvas.toDataURL('image/webp'));
                    resolve(img);
                };
                img.onerror = reject;
            });
        }
        function sleep(ms){
            return new Promise(resolve => setTimeout(resolve, ms));
        }
    }
    // Your code here...
})();