dom-to-vector-pdf 0.0.4 → 0.0.7

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 XZ
+Copyright (c) 2025 xzboss
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -95,7 +95,7 @@ export const ExportToPDF = (id, title) => {
   - Current workaround: Shift all text up by 3 pixels
 
 ### Unsupported Features
-- [ ] Image background export
+- [ ✅  ] Image background export
 - [ ] Canvas export
 - [ ] other unit
 

package/README.zh-CN.md

@@ -95,7 +95,7 @@ export const ExportToPDF = (id, title) => {
   - 当前解决方案：将所有文本向上偏移3像素
 
 ### 不支持的功能
-- [ ] 图片背景导出
+- [ ✅ ] 图片背景导出
 - [ ] Canvas导出
 - [ ] 其他单位支持
 

package/dist/dom-converter.d.ts

@@ -4,6 +4,7 @@ import type { ExportPdfOptions, LifecycleHooks } from './types';
  */
 export declare class DomToPdfConverter {
     private fontManager;
+    private resourceQueue;
     constructor();
     /**
      * Export PDF
@@ -25,5 +26,9 @@ export declare class DomToPdfConverter {
      * Render SVG to PDF
      */
     private renderSvgToPdf;
+    /**
+     * Load resource
+     */
+    private loadResource;
 }
 //# sourceMappingURL=dom-converter.d.ts.map

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

@@ -1 +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"}
+{"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;IACjC,OAAO,CAAC,aAAa,CAAuB;;IAM5C;;OAEG;IACU,SAAS,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAmDxF;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAwBzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAezB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;OAEG;YACW,cAAc;IAS5B;;OAEG;YACW,YAAY;CAY3B"}

package/dist/index.esm.js

@@ -158,6 +158,7 @@ class FontManager {
  */
 class DomToPdfConverter {
     constructor() {
+        this.resourceQueue = [];
         this.fontManager = FontManager.getInstance();
     }
     /**
@@ -171,27 +172,29 @@ class DomToPdfConverter {
             hooks?.afterDomClone?.(element);
             // 2. Process SVG symbols
             inlineSvgSymbols(element);
-            // 3. Convert to SVG
+            // 3. Load resource
+            await this.loadResource(element);
+            // 4. Convert to SVG
             const svgDocument = elementToSVG(element);
             parentElement?.removeChild(element);
             const svgElement = svgDocument.documentElement;
             document.body.appendChild(svgElement);
             this.prepareSvgElement(svgElement);
-            // 4. Process SVG fonts
+            // 5. Process SVG fonts
             processSvgFonts(svgElement, this.fontManager);
             // Call lifecycle hook
             hooks?.beforeSvgConvert?.(svgElement);
-            // 5. Create PDF document
+            // 6. Create PDF document
             const pdf = this.createPdfDocument(svgElement);
             this.fontManager.setPdfInstance(pdf);
-            // 6. Draw SVG content to PDF
+            // 7. Draw SVG content to PDF
             await this.renderSvgToPdf(svgElement, pdf);
             // Call lifecycle hook
             hooks?.beforePdfGenerate?.(pdf);
             hooks?.beforePdfSave?.(pdf);
-            // 7. Save PDF
+            // 8. Save PDF
             pdf.save(`${options.filename}.pdf`);
-            // 8. Clean up temporary elements
+            // 9. Clean up temporary elements
             svgElement.remove();
             this.fontManager.setPdfInstance(null);
         }
@@ -259,6 +262,19 @@ class DomToPdfConverter {
             height: pdf.internal.pageSize.getHeight(),
         });
     }
+    /**
+     * Load resource
+     */
+    async loadResource(element) {
+        this.resourceQueue = [];
+        const resources = element.querySelectorAll('img');
+        resources.forEach((resource) => {
+            this.resourceQueue.push(new Promise((resolve) => {
+                resource.onload = () => resolve(void 0);
+            }));
+        });
+        return Promise.allSettled(this.resourceQueue);
+    }
 }
 
 /**

package/dist/index.js

@@ -160,6 +160,7 @@
      */
     class DomToPdfConverter {
         constructor() {
+            this.resourceQueue = [];
             this.fontManager = FontManager.getInstance();
         }
         /**
@@ -173,27 +174,29 @@
                 hooks?.afterDomClone?.(element);
                 // 2. Process SVG symbols
                 inlineSvgSymbols(element);
-                // 3. Convert to SVG
+                // 3. Load resource
+                await this.loadResource(element);
+                // 4. Convert to SVG
                 const svgDocument = domToSvg.elementToSVG(element);
                 parentElement?.removeChild(element);
                 const svgElement = svgDocument.documentElement;
                 document.body.appendChild(svgElement);
                 this.prepareSvgElement(svgElement);
-                // 4. Process SVG fonts
+                // 5. Process SVG fonts
                 processSvgFonts(svgElement, this.fontManager);
                 // Call lifecycle hook
                 hooks?.beforeSvgConvert?.(svgElement);
-                // 5. Create PDF document
+                // 6. Create PDF document
                 const pdf = this.createPdfDocument(svgElement);
                 this.fontManager.setPdfInstance(pdf);
-                // 6. Draw SVG content to PDF
+                // 7. Draw SVG content to PDF
                 await this.renderSvgToPdf(svgElement, pdf);
                 // Call lifecycle hook
                 hooks?.beforePdfGenerate?.(pdf);
                 hooks?.beforePdfSave?.(pdf);
-                // 7. Save PDF
+                // 8. Save PDF
                 pdf.save(`${options.filename}.pdf`);
-                // 8. Clean up temporary elements
+                // 9. Clean up temporary elements
                 svgElement.remove();
                 this.fontManager.setPdfInstance(null);
             }
@@ -261,6 +264,19 @@
                 height: pdf.internal.pageSize.getHeight(),
             });
         }
+        /**
+         * Load resource
+         */
+        async loadResource(element) {
+            this.resourceQueue = [];
+            const resources = element.querySelectorAll('img');
+            resources.forEach((resource) => {
+                this.resourceQueue.push(new Promise((resolve) => {
+                    resource.onload = () => resolve(void 0);
+                }));
+            });
+            return Promise.allSettled(this.resourceQueue);
+        }
     }
 
     /**

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "dom-to-vector-pdf",
-  "version": "0.0.4",
+  "version": "0.0.7",
   "author": {
     "name": "xzboss"
   },
+  "license": "MIT",
   "description": "Convert DOM elements to vector PDFs using jsPDF, dom-to-svg and svg2pdf.js",
   "keywords": [
     "dom",
@@ -14,7 +15,17 @@
     "svg",
     "dom-to-svg",
     "svg2pdf.js",
-    "vector-pdf"
+    "vector-pdf",
+    "html-to-pdf",
+    "web-to-pdf",
+    "dom-conversion",
+    "vector-graphics",
+    "pdf-generation",
+    "browser-pdf",
+    "client-side-pdf",
+    "web-pdf",
+    "html2pdf",
+    "dom2pdf"
   ],
   "main": "dist/index.js",
   "module": "dist/index.esm.js",