{"_id":"@a4-pagination-print/renderer-browser","_rev":"2-9bb9eee631df6368e232ed943dd3a7dd","name":"@a4-pagination-print/renderer-browser","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@a4-pagination-print/renderer-browser","version":"0.1.0","_id":"@a4-pagination-print/renderer-browser@0.1.0","maintainers":[{"name":"qq312999192","email":"312999192@qq.com"}],"dist":{"shasum":"6a2a441ab904d72439650e09b263db62e59f0da3","tarball":"https://registry.npmjs.org/@a4-pagination-print/renderer-browser/-/renderer-browser-0.1.0.tgz","fileCount":21,"integrity":"sha512-QPIM0M8FrWTtzSaqVTbADg/tVMqt6cvOHkdYAhSdaX4gBceQHgjblKnvDS8PE50iIbim1cDmJN36RrYzqTIrIw==","signatures":[{"sig":"MEUCIBgc1+/iXrZiNwbi0tpj/hKZHw0wn7fCge3TTrOKijnoAiEAvakRJcJ34iE1zF0m4dUtjl4WMs39RxCcD75OknZKKG4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":51129},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsc --watch","build":"tsc"},"_npmUser":{"name":"qq312999192","email":"312999192@qq.com"},"_npmVersion":"10.7.0","description":"A4 browser renderer — DOM, print, single-page PDF","directories":{},"_nodeVersion":"20.15.0","dependencies":{"@a4-pagination-print/core":"^0.1.0"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.5.0"},"peerDependencies":{"jspdf":"^2.5.0","html2canvas":"^1.4.0"},"peerDependenciesMeta":{"jspdf":{"optional":true},"html2canvas":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/renderer-browser_0.1.0_1785023787636_0.2538662078901932","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@a4-pagination-print/renderer-browser","version":"0.1.1","description":"A4 browser renderer — DOM, print, single-page PDF","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","types":"./dist/index.d.ts"}},"scripts":{"build":"tsc","dev":"tsc --watch"},"dependencies":{"@a4-pagination-print/core":"^0.1.0"},"devDependencies":{"typescript":"^5.5.0"},"peerDependencies":{"html2canvas":"^1.4.0","jspdf":"^2.5.0"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/qizhifeng00/a4-pagination-print-renderer-browser.git"},"homepage":"https://github.com/qizhifeng00/a4-pagination-print-renderer-browser#readme","bugs":{"url":"https://github.com/qizhifeng00/a4-pagination-print-renderer-browser/issues"},"peerDependenciesMeta":{"html2canvas":{"optional":true},"jspdf":{"optional":true}},"_id":"@a4-pagination-print/renderer-browser@0.1.1","gitHead":"6d9587a746f83200479d78d3ac282a5dd86c8603","_nodeVersion":"20.15.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-GAQnDp7Oz6faUZUw1SoIgQdIBd9NyR0EeWXyDLauqeI3VOZifeXG8daed7Dh63xT63uiXr3ZfiMqTys9CNWq5A==","shasum":"4b0372deed755ea439c95ff4a4e0f68173c003b6","tarball":"https://registry.npmjs.org/@a4-pagination-print/renderer-browser/-/renderer-browser-0.1.1.tgz","fileCount":22,"unpackedSize":53792,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGtuBQpyUM2K9zGImQCGxdMB+y9HWbt1cN0juW2gWxhBAiEA+EjazUZfAvuEBS/l9qA1gncKi+JmEQXiWb2C7u6Vyp0="}]},"_npmUser":{"name":"qq312999192","email":"312999192@qq.com"},"directories":{},"maintainers":[{"name":"qq312999192","email":"312999192@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/renderer-browser_0.1.1_1785025023322_0.6490516684947885"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-25T23:56:27.471Z","modified":"2026-07-26T00:17:03.634Z","0.1.0":"2026-07-25T23:56:27.764Z","0.1.1":"2026-07-26T00:17:03.464Z"},"description":"A4 browser renderer — DOM, print, single-page PDF","maintainers":[{"name":"qq312999192","email":"312999192@qq.com"}],"readme":"# @a4-pagination-print/renderer-browser\n\n[![npm version](https://img.shields.io/npm/v/@a4-pagination-print/renderer-browser)](https://www.npmjs.com/package/@a4-pagination-print/renderer-browser)\n[![license](https://img.shields.io/npm/l/@a4-pagination-print/renderer-browser)](https://github.com/qizhifeng00/a4-pagination-print-renderer-browser/blob/main/LICENSE)\n\nA4 浏览器端渲染器 — DOM 渲染、浏览器打印、单页 PDF 生成。\n\n```bash\nnpm install @a4-pagination-print/renderer-browser @a4-pagination-print/core\n```\n\n## 适用场景\n\n- 在浏览器中把 `Page` 数据渲染为 DOM\n- 调用浏览器原生 `window.print()` 打印 A4 页面\n- 使用 `html2canvas` + `jspdf` 生成单页 PDF（不依赖服务端）\n\n## 功能\n\n### Renderer — DOM 渲染\n\n```typescript\nimport { Renderer } from '@a4-pagination-print/renderer-browser';\n\nconst renderer = new Renderer({\n  element: document.getElementById('app'),\n  scale: 3.78,      // mm → px\n});\n\n// 渲染单页\nrenderer.render(page);\n\n// 渲染多页\nrenderer.renderAll(pages);\n\n// 清理\nrenderer.destroy();\n```\n\n### PageNavigator — 浏览器端翻页\n\n```typescript\nimport { BrowserPageNavigator } from '@a4-pagination-print/renderer-browser';\n\nconst nav = new BrowserPageNavigator({\n  pages,\n  element: document.getElementById('app'),\n  onPageChange: (index) => console.log(`当前第 ${index} 页`),\n});\n\nnav.next();\nnav.prev();\nnav.goTo(5);\n```\n\n### print — 浏览器打印\n\n```typescript\nimport { printPage, printAllPages } from '@a4-pagination-print/renderer-browser';\n\n// 打印单页\nprintPage(page);\n\n// 打印全部\nprintAllPages(pages);\n```\n\n### Single PDF — 浏览器端 PDF\n\n```typescript\nimport { generateSinglePdf } from '@a4-pagination-print/renderer-browser';\n\n// 生成单页 PDF（需要 html2canvas 和 jspdf）\nconst pdf = await generateSinglePdf(page, {\n  filename: 'report.pdf',\n  scale: 2,     // 提高清晰度\n});\n```\n\n## 可选依赖\n\n以下依赖为 peerDependencies，按需安装：\n\n| 包 | 用途 | 是否必需 |\n|---|---|---|\n| `html2canvas` | 将 DOM 转为 Canvas | PDF 生成时需要 |\n| `jspdf` | 生成 PDF 文件 | PDF 生成时需要 |\n\n```bash\n# 如需 PDF 生成功能\nnpm install html2canvas jspdf\n```\n\n## 依赖\n\n- `@a4-pagination-print/core` — 分页引擎\n\n## License\n\nMIT\n","readmeFilename":"README.md","homepage":"https://github.com/qizhifeng00/a4-pagination-print-renderer-browser#readme","repository":{"type":"git","url":"git+https://github.com/qizhifeng00/a4-pagination-print-renderer-browser.git"},"bugs":{"url":"https://github.com/qizhifeng00/a4-pagination-print-renderer-browser/issues"},"license":"MIT"}