dom-to-vector-pdf 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 XZ
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,14 @@
+# dom-to-vector-pdf
+
+DOM 转矢量 PDF
+
+1. 克隆元素时对原页面的影响
+   - 内联控制（current）
+     - 样式优先级
+   - Shadow DOM
+   - iframe
+2. iconfont 大小问题：目前是默认 16px 字体大小来做的缩放
+3. 原来的 DOM 中本身存在的 SVG 用的内联样式来决定样式
+   - 目前只支持内联中属性名和元素属性名一致的情况
+4. 页面整体转换出来的文字对比背景要偏下一点
+   - 目前是暂时所有文字整体上移 3 个像素单位

package/dist/dom-converter.d.ts

@@ -0,0 +1,29 @@
+import type { ExportPdfOptions, LifecycleHooks } from './types';
+/**
+ * DOM转PDF转换器
+ */
+export declare class DomToPdfConverter {
+    private fontManager;
+    constructor();
+    /**
+     * 导出PDF
+     */
+    exportPdf(options: ExportPdfOptions, hooks?: LifecycleHooks): Promise<void>;
+    /**
+     * 准备DOM元素
+     */
+    private prepareDomElement;
+    /**
+     * 准备SVG元素
+     */
+    private prepareSvgElement;
+    /**
+     * 创建PDF文档
+     */
+    private createPdfDocument;
+    /**
+     * 渲染SVG到PDF
+     */
+    private renderSvgToPdf;
+}
+//# sourceMappingURL=dom-converter.d.ts.map

package/dist/dom-converter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-converter.d.ts","sourceRoot":"","sources":["../src/dom-converter.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhE;;GAEG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,WAAW,CAAc;;IAMjC;;OAEG;IACU,SAAS,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAgDxF;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAwBzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAezB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;OAEG;YACW,cAAc;CAQ7B"}

package/dist/font-manager.d.ts

@@ -0,0 +1,33 @@
+import { jsPDF } from 'jspdf';
+import type { FontRegisterOptions } from './types';
+/**
+ * 字体管理器
+ */
+export declare class FontManager {
+    private static instance;
+    private registeredFonts;
+    private pdfInstance?;
+    private callbackList;
+    private constructor();
+    /**
+     * 获取字体管理器单例
+     */
+    static getInstance(): FontManager;
+    /**
+     * 设置PDF实例
+     */
+    setPdfInstance(pdf: jsPDF): void;
+    /**
+     * 注册字体
+     */
+    registerFont(options: FontRegisterOptions): void;
+    /**
+     * 批量注册字体
+     */
+    registerFonts(options: FontRegisterOptions[]): void;
+    /**
+     * 添加字体到PDF实例
+     */
+    private addFontToPdf;
+}
+//# sourceMappingURL=font-manager.d.ts.map

package/dist/font-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-manager.d.ts","sourceRoot":"","sources":["../src/font-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD;;GAEG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAc;IACrC,OAAO,CAAC,eAAe,CAAuC;IAC9D,OAAO,CAAC,WAAW,CAAC,CAAe;IACnC,OAAO,CAAC,YAAY,CAAsB;IAE1C,OAAO;IAEP;;OAEG;WACW,WAAW,IAAI,WAAW;IAOxC;;OAEG;IACI,cAAc,CAAC,GAAG,EAAE,KAAK,GAAG,IAAI;IAMvC;;OAEG;IACI,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,IAAI;IAIvD;;OAEG;IACI,aAAa,CAAC,OAAO,EAAE,mBAAmB,EAAE,GAAG,IAAI;IAI1D;;OAEG;IACH,OAAO,CAAC,YAAY;CAYrB"}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+import type { ExportPdfOptions, FontRegisterOptions, LifecycleHooks } from './types';
+/**
+ * DOM转PDF工具实例
+ */
+declare class DomToPdf {
+    private converter;
+    private fontManager;
+    constructor();
+    /**
+     * 导出PDF
+     * @param options 导出配置
+     * @param hooks 生命周期钩子
+     */
+    export(options: ExportPdfOptions, hooks?: LifecycleHooks): Promise<void>;
+    /**
+     * 注册字体
+     * @param options 字体注册选项
+     */
+    registerFont(options: FontRegisterOptions | FontRegisterOptions[]): void;
+}
+export declare const instance: DomToPdf;
+export default instance;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAErF;;GAEG;AACH,cAAM,QAAQ;IACZ,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,WAAW,CAAc;;IAOjC;;;;OAIG;IACU,MAAM,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAIrF;;;OAGG;IACI,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,GAAG,IAAI;CAOhF;AAGD,eAAO,MAAM,QAAQ,UAAiB,CAAC;AACvC,eAAe,QAAQ,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,288 @@
+import { jsPDF } from 'jspdf';
+import { elementToSVG } from 'dom-to-svg';
+import { svg2pdf } from 'svg2pdf.js';
+
+/**
+ * 转换字体字重
+ * @param weight 字体粗细
+ * @returns 标准化后的字重
+ */
+function normalizeFontWeight(weight) {
+    const weightMap = {
+        normal: '400',
+        bold: '700',
+    };
+    return weightMap[weight?.toString() || 'normal'] || weight?.toString() || '400';
+}
+/**
+ * 计算SVG symbol的缩放比例
+ */
+function calculateSymbolScale(symbol) {
+    const viewBox = symbol.getAttribute('viewBox');
+    if (!viewBox) {
+        return 1;
+    }
+    const [, , width] = viewBox.split(' ').map(Number);
+    // 1em 通常计算的像素值
+    const expectedSize = 16;
+    return expectedSize / width;
+}
+/**
+ * 内联SVG中的symbol元素
+ */
+function inlineSvgSymbols(element) {
+    const uses = element.querySelectorAll('use');
+    uses.forEach((use) => {
+        const href = use.getAttribute('xlink:href') || use.getAttribute('href');
+        if (!href) {
+            return;
+        }
+        const symbol = document.querySelector(href);
+        if (!symbol) {
+            return;
+        }
+        // 创建 <g> 容器保留所有属性
+        const g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+        // 复制除href外的所有属性
+        Array.from(use.attributes).forEach((attr) => {
+            if (attr.name !== 'xlink:href' && attr.name !== 'href') {
+                g.setAttribute(attr.name, attr.value);
+            }
+        });
+        // 插入缩放后的路径
+        g.innerHTML = `
+        <g transform="scale(${calculateSymbolScale(symbol)})">
+          ${symbol.innerHTML}
+        </g>
+      `;
+        // 替换并保留父SVG尺寸
+        use.replaceWith(g);
+    });
+}
+/**
+ * 递归处理SVG元素的字体属性
+ */
+function processSvgFonts(element) {
+    if (element.classList.contains('no-print')) {
+        element.remove();
+        return;
+    }
+    if (element.tagName === 'text' || element.tagName === 'tspan') {
+        // 解析style字符串
+        const style = element.getAttribute('style');
+        if (style) {
+            style.split(';').forEach((css) => {
+                const [key, value] = css.split(':');
+                if (!key)
+                    return;
+                element.setAttribute(key.trim(), value?.trim());
+            });
+        }
+        element.removeAttribute('style');
+        const fontFamily = element.getAttribute('font-family');
+        const fontWeight = element.getAttribute('font-weight');
+        // TODO
+        if (fontFamily) {
+            element.setAttribute('font-family', 'PingFang');
+            element.setAttribute('font-weight', normalizeFontWeight(fontWeight));
+        }
+        // 调整y坐标
+        const y = element.getAttribute('y');
+        if (y) {
+            element.setAttribute('y', String(Number(y) - 3));
+        }
+    }
+    // 递归处理子元素
+    Array.from(element.children).forEach((child) => processSvgFonts(child));
+}
+
+/**
+ * 字体管理器
+ */
+class FontManager {
+    constructor() {
+        this.registeredFonts = new Map();
+        this.callbackList = [];
+    }
+    /**
+     * 获取字体管理器单例
+     */
+    static getInstance() {
+        if (!FontManager.instance) {
+            FontManager.instance = new FontManager();
+        }
+        return FontManager.instance;
+    }
+    /**
+     * 设置PDF实例
+     */
+    setPdfInstance(pdf) {
+        this.pdfInstance = pdf;
+        this.callbackList.forEach((callback) => callback());
+        this.callbackList = [];
+    }
+    /**
+     * 注册字体
+     */
+    registerFont(options) {
+        this.addFontToPdf(options);
+    }
+    /**
+     * 批量注册字体
+     */
+    registerFonts(options) {
+        options.map((font) => this.registerFont(font));
+    }
+    /**
+     * 添加字体到PDF实例
+     */
+    addFontToPdf(options) {
+        if (!this.pdfInstance) {
+            this.callbackList.push(() => this.addFontToPdf(options));
+            return;
+        }
+        this.pdfInstance.addFont(options.font, options.fontId, options.fontStyle || 'normal', normalizeFontWeight(options.fontWeight));
+    }
+}
+
+/**
+ * DOM转PDF转换器
+ */
+class DomToPdfConverter {
+    constructor() {
+        this.fontManager = FontManager.getInstance();
+    }
+    /**
+     * 导出PDF
+     */
+    async exportPdf(options, hooks) {
+        try {
+            // 1. 获取并克隆DOM元素
+            const { element, parentElement } = this.prepareDomElement(options.id);
+            // 调用生命周期钩子
+            hooks?.afterDomClone?.(element);
+            // 2. 处理SVG符号
+            inlineSvgSymbols(element);
+            // 3. 转换为SVG
+            const svgDocument = elementToSVG(element);
+            parentElement?.removeChild(element);
+            const svgElement = svgDocument.documentElement;
+            document.body.appendChild(svgElement);
+            this.prepareSvgElement(svgElement);
+            // 4. 处理SVG字体
+            processSvgFonts(svgElement);
+            // 调用生命周期钩子
+            hooks?.beforeSvgConvert?.(svgElement);
+            // 5. 创建PDF文档
+            const pdf = this.createPdfDocument(svgElement);
+            this.fontManager.setPdfInstance(pdf);
+            // 6. 绘制SVG内容到PDF
+            await this.renderSvgToPdf(svgElement, pdf);
+            // 调用生命周期钩子
+            hooks?.beforePdfGenerate?.(pdf);
+            hooks?.beforePdfSave?.(pdf);
+            // 7. 保存PDF
+            pdf.save(`${options.filename}.pdf`);
+            // 8. 清理临时元素
+            svgElement.remove();
+            this.fontManager.setPdfInstance(null);
+        }
+        catch (error) {
+            console.error('生成PDF失败:', error);
+            throw error;
+        }
+    }
+    /**
+     * 准备DOM元素
+     */
+    prepareDomElement(id) {
+        const originElement = document.querySelector(id);
+        if (!originElement) {
+            throw new Error(`Element with id "${id}" not found`);
+        }
+        const parentElement = originElement.parentElement;
+        const element = originElement.cloneNode(true);
+        // 设置克隆元素的样式
+        element.style.cssText = `
+          z-index: -999999;
+          position: absolute;
+          top: 0;
+          left: 0;
+        `;
+        console.log(parentElement, '??????');
+        parentElement?.appendChild(element);
+        return { element, parentElement };
+    }
+    /**
+     * 准备SVG元素
+     */
+    prepareSvgElement(svgElement) {
+        svgElement.style.cssText = `
+      all: unset;
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: -999999;
+    `;
+        // 添加XML声明
+        const utf8Declaration = document.createTextNode('<?xml version="1.0" encoding="utf-8"?>');
+        svgElement.insertBefore(utf8Declaration, svgElement.firstChild);
+    }
+    /**
+     * 创建PDF文档
+     */
+    createPdfDocument(svgElement) {
+        const { width, height } = svgElement.getBoundingClientRect();
+        return new jsPDF({
+            orientation: 'portrait',
+            unit: 'px',
+            format: [width, height],
+        });
+    }
+    /**
+     * 渲染SVG到PDF
+     */
+    async renderSvgToPdf(svgElement, pdf) {
+        await svg2pdf(svgElement, pdf, {
+            x: 0,
+            y: 0,
+            width: pdf.internal.pageSize.getWidth(),
+            height: pdf.internal.pageSize.getHeight(),
+        });
+    }
+}
+
+/**
+ * DOM转PDF工具实例
+ */
+class DomToPdf {
+    constructor() {
+        this.converter = new DomToPdfConverter();
+        this.fontManager = FontManager.getInstance();
+    }
+    /**
+     * 导出PDF
+     * @param options 导出配置
+     * @param hooks 生命周期钩子
+     */
+    async export(options, hooks) {
+        await this.converter.exportPdf(options, hooks);
+    }
+    /**
+     * 注册字体
+     * @param options 字体注册选项
+     */
+    registerFont(options) {
+        if (Array.isArray(options)) {
+            this.fontManager.registerFonts(options);
+        }
+        else {
+            this.fontManager.registerFont(options);
+        }
+    }
+}
+// 导出单例实例
+const instance = new DomToPdf();
+
+export { instance as default, instance };

package/dist/index.js

@@ -0,0 +1,295 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jspdf'), require('dom-to-svg'), require('svg2pdf.js')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'jspdf', 'dom-to-svg', 'svg2pdf.js'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.DomToPdf = {}, global.jspdf, global.domToSvg, global.svg2pdf_js));
+})(this, (function (exports, jspdf, domToSvg, svg2pdf_js) { 'use strict';
+
+    /**
+     * 转换字体字重
+     * @param weight 字体粗细
+     * @returns 标准化后的字重
+     */
+    function normalizeFontWeight(weight) {
+        const weightMap = {
+            normal: '400',
+            bold: '700',
+        };
+        return weightMap[weight?.toString() || 'normal'] || weight?.toString() || '400';
+    }
+    /**
+     * 计算SVG symbol的缩放比例
+     */
+    function calculateSymbolScale(symbol) {
+        const viewBox = symbol.getAttribute('viewBox');
+        if (!viewBox) {
+            return 1;
+        }
+        const [, , width] = viewBox.split(' ').map(Number);
+        // 1em 通常计算的像素值
+        const expectedSize = 16;
+        return expectedSize / width;
+    }
+    /**
+     * 内联SVG中的symbol元素
+     */
+    function inlineSvgSymbols(element) {
+        const uses = element.querySelectorAll('use');
+        uses.forEach((use) => {
+            const href = use.getAttribute('xlink:href') || use.getAttribute('href');
+            if (!href) {
+                return;
+            }
+            const symbol = document.querySelector(href);
+            if (!symbol) {
+                return;
+            }
+            // 创建 <g> 容器保留所有属性
+            const g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+            // 复制除href外的所有属性
+            Array.from(use.attributes).forEach((attr) => {
+                if (attr.name !== 'xlink:href' && attr.name !== 'href') {
+                    g.setAttribute(attr.name, attr.value);
+                }
+            });
+            // 插入缩放后的路径
+            g.innerHTML = `
+        <g transform="scale(${calculateSymbolScale(symbol)})">
+          ${symbol.innerHTML}
+        </g>
+      `;
+            // 替换并保留父SVG尺寸
+            use.replaceWith(g);
+        });
+    }
+    /**
+     * 递归处理SVG元素的字体属性
+     */
+    function processSvgFonts(element) {
+        if (element.classList.contains('no-print')) {
+            element.remove();
+            return;
+        }
+        if (element.tagName === 'text' || element.tagName === 'tspan') {
+            // 解析style字符串
+            const style = element.getAttribute('style');
+            if (style) {
+                style.split(';').forEach((css) => {
+                    const [key, value] = css.split(':');
+                    if (!key)
+                        return;
+                    element.setAttribute(key.trim(), value?.trim());
+                });
+            }
+            element.removeAttribute('style');
+            const fontFamily = element.getAttribute('font-family');
+            const fontWeight = element.getAttribute('font-weight');
+            // TODO
+            if (fontFamily) {
+                element.setAttribute('font-family', 'PingFang');
+                element.setAttribute('font-weight', normalizeFontWeight(fontWeight));
+            }
+            // 调整y坐标
+            const y = element.getAttribute('y');
+            if (y) {
+                element.setAttribute('y', String(Number(y) - 3));
+            }
+        }
+        // 递归处理子元素
+        Array.from(element.children).forEach((child) => processSvgFonts(child));
+    }
+
+    /**
+     * 字体管理器
+     */
+    class FontManager {
+        constructor() {
+            this.registeredFonts = new Map();
+            this.callbackList = [];
+        }
+        /**
+         * 获取字体管理器单例
+         */
+        static getInstance() {
+            if (!FontManager.instance) {
+                FontManager.instance = new FontManager();
+            }
+            return FontManager.instance;
+        }
+        /**
+         * 设置PDF实例
+         */
+        setPdfInstance(pdf) {
+            this.pdfInstance = pdf;
+            this.callbackList.forEach((callback) => callback());
+            this.callbackList = [];
+        }
+        /**
+         * 注册字体
+         */
+        registerFont(options) {
+            this.addFontToPdf(options);
+        }
+        /**
+         * 批量注册字体
+         */
+        registerFonts(options) {
+            options.map((font) => this.registerFont(font));
+        }
+        /**
+         * 添加字体到PDF实例
+         */
+        addFontToPdf(options) {
+            if (!this.pdfInstance) {
+                this.callbackList.push(() => this.addFontToPdf(options));
+                return;
+            }
+            this.pdfInstance.addFont(options.font, options.fontId, options.fontStyle || 'normal', normalizeFontWeight(options.fontWeight));
+        }
+    }
+
+    /**
+     * DOM转PDF转换器
+     */
+    class DomToPdfConverter {
+        constructor() {
+            this.fontManager = FontManager.getInstance();
+        }
+        /**
+         * 导出PDF
+         */
+        async exportPdf(options, hooks) {
+            try {
+                // 1. 获取并克隆DOM元素
+                const { element, parentElement } = this.prepareDomElement(options.id);
+                // 调用生命周期钩子
+                hooks?.afterDomClone?.(element);
+                // 2. 处理SVG符号
+                inlineSvgSymbols(element);
+                // 3. 转换为SVG
+                const svgDocument = domToSvg.elementToSVG(element);
+                parentElement?.removeChild(element);
+                const svgElement = svgDocument.documentElement;
+                document.body.appendChild(svgElement);
+                this.prepareSvgElement(svgElement);
+                // 4. 处理SVG字体
+                processSvgFonts(svgElement);
+                // 调用生命周期钩子
+                hooks?.beforeSvgConvert?.(svgElement);
+                // 5. 创建PDF文档
+                const pdf = this.createPdfDocument(svgElement);
+                this.fontManager.setPdfInstance(pdf);
+                // 6. 绘制SVG内容到PDF
+                await this.renderSvgToPdf(svgElement, pdf);
+                // 调用生命周期钩子
+                hooks?.beforePdfGenerate?.(pdf);
+                hooks?.beforePdfSave?.(pdf);
+                // 7. 保存PDF
+                pdf.save(`${options.filename}.pdf`);
+                // 8. 清理临时元素
+                svgElement.remove();
+                this.fontManager.setPdfInstance(null);
+            }
+            catch (error) {
+                console.error('生成PDF失败:', error);
+                throw error;
+            }
+        }
+        /**
+         * 准备DOM元素
+         */
+        prepareDomElement(id) {
+            const originElement = document.querySelector(id);
+            if (!originElement) {
+                throw new Error(`Element with id "${id}" not found`);
+            }
+            const parentElement = originElement.parentElement;
+            const element = originElement.cloneNode(true);
+            // 设置克隆元素的样式
+            element.style.cssText = `
+          z-index: -999999;
+          position: absolute;
+          top: 0;
+          left: 0;
+        `;
+            console.log(parentElement, '??????');
+            parentElement?.appendChild(element);
+            return { element, parentElement };
+        }
+        /**
+         * 准备SVG元素
+         */
+        prepareSvgElement(svgElement) {
+            svgElement.style.cssText = `
+      all: unset;
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: -999999;
+    `;
+            // 添加XML声明
+            const utf8Declaration = document.createTextNode('<?xml version="1.0" encoding="utf-8"?>');
+            svgElement.insertBefore(utf8Declaration, svgElement.firstChild);
+        }
+        /**
+         * 创建PDF文档
+         */
+        createPdfDocument(svgElement) {
+            const { width, height } = svgElement.getBoundingClientRect();
+            return new jspdf.jsPDF({
+                orientation: 'portrait',
+                unit: 'px',
+                format: [width, height],
+            });
+        }
+        /**
+         * 渲染SVG到PDF
+         */
+        async renderSvgToPdf(svgElement, pdf) {
+            await svg2pdf_js.svg2pdf(svgElement, pdf, {
+                x: 0,
+                y: 0,
+                width: pdf.internal.pageSize.getWidth(),
+                height: pdf.internal.pageSize.getHeight(),
+            });
+        }
+    }
+
+    /**
+     * DOM转PDF工具实例
+     */
+    class DomToPdf {
+        constructor() {
+            this.converter = new DomToPdfConverter();
+            this.fontManager = FontManager.getInstance();
+        }
+        /**
+         * 导出PDF
+         * @param options 导出配置
+         * @param hooks 生命周期钩子
+         */
+        async export(options, hooks) {
+            await this.converter.exportPdf(options, hooks);
+        }
+        /**
+         * 注册字体
+         * @param options 字体注册选项
+         */
+        registerFont(options) {
+            if (Array.isArray(options)) {
+                this.fontManager.registerFonts(options);
+            }
+            else {
+                this.fontManager.registerFont(options);
+            }
+        }
+    }
+    // 导出单例实例
+    const instance = new DomToPdf();
+
+    exports["default"] = instance;
+    exports.instance = instance;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));

package/dist/types.d.ts

@@ -0,0 +1,45 @@
+import { jsPDF } from 'jspdf';
+/**
+ * 导出PDF配置项
+ */
+export interface ExportPdfOptions {
+    /** 要导出的DOM元素ID */
+    id: string;
+    /** 导出的PDF文件名 */
+    filename: string;
+    /** PDF方向，默认为 portrait */
+    orientation?: 'portrait' | 'landscape';
+    /** 单位，默认为 px */
+    unit?: 'pt' | 'px' | 'in' | 'mm' | 'cm' | 'ex' | 'em' | 'pc';
+    /** 自定义处理SVG元素的钩子 */
+    beforeSvgConvert?: (svgElement: SVGElement) => void;
+    /** 自定义处理PDF文档的钩子 */
+    beforePdfSave?: (pdf: jsPDF) => void;
+}
+/**
+ * 字体注册选项
+ */
+export interface FontRegisterOptions {
+    /** 字体文件路径或URL */
+    font: string;
+    /** 字体ID，用于标识字体 */
+    fontId: string;
+    /** 字体样式 (normal/italic) */
+    fontStyle?: 'normal' | 'italic';
+    /** 字体粗细 (100-900) */
+    fontWeight?: string | number;
+}
+/**
+ * 生命周期钩子
+ */
+export interface LifecycleHooks {
+    /** DOM克隆后触发 */
+    afterDomClone?: (clonedElement: HTMLElement) => void;
+    /** SVG转换前触发 */
+    beforeSvgConvert?: (svgElement: SVGElement) => void;
+    /** PDF生成前触发 */
+    beforePdfGenerate?: (pdf: jsPDF) => void;
+    /** PDF保存前触发 */
+    beforePdfSave?: (pdf: jsPDF) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACvC,gBAAgB;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7D,oBAAoB;IACpB,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACpD,oBAAoB;IACpB,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,eAAe;IACf,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,KAAK,IAAI,CAAC;IACrD,eAAe;IACf,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACpD,eAAe;IACf,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC,eAAe;IACf,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC"}

package/dist/utils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 转换字体字重
+ * @param weight 字体粗细
+ * @returns 标准化后的字重
+ */
+export declare function normalizeFontWeight(weight?: string | number): string;
+/**
+ * 计算SVG symbol的缩放比例
+ */
+export declare function calculateSymbolScale(symbol: SVGElement): number;
+/**
+ * 内联SVG中的symbol元素
+ */
+export declare function inlineSvgSymbols(element: HTMLElement | SVGElement): void;
+/**
+ * 递归处理SVG元素的字体属性
+ */
+export declare function processSvgFonts(element: Element): void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAMpE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAU/D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,GAAG,IAAI,CAkCxE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAqCtD"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "dom-to-vector-pdf",
+  "version": "0.0.1",
+  "author": {
+    "name": "xzboss"
+  },
+  "description": "Convert DOM elements to vector PDFs using jsPDF, dom-to-svg and svg2pdf.js",
+  "keywords": [
+    "dom",
+    "pdf",
+    "vector",
+    "conversion",
+    "jspdf",
+    "svg",
+    "dom-to-svg",
+    "svg2pdf.js",
+    "vector-pdf"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "jest",
+    "prepublishOnly": "npm run build",
+    "release": "standard-version",
+    "release:alpha": "standard-version --prerelease alpha",
+    "release:beta": "standard-version --prerelease beta",
+    "release:rc": "standard-version --prerelease rc",
+    "format": "prettier --write \"**/*.{js,ts,json,md}\" --config ./.prettierrc"
+  },
+  "lint-staged": {
+    "*.{js,ts,json,md}": "prettier --write"
+  },
+  "dependencies": {
+    "dom-to-svg": "^0.12.2",
+    "jspdf": "^2.5.2",
+    "rollup": "^2.79.2",
+    "svg2pdf.js": "^2.5.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.6.7",
+    "@commitlint/config-conventional": "^17.6.7",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@types/jspdf": "^1.3.3",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.3",
+    "prettier": "^2.8.8",
+    "standard-version": "^9.5.0",
+    "tslib": "^2.8.1",
+    "typescript": "^5.2.2"
+  }
+}