@fekit/svg2pdf

Convert SVG to PDF using jsPDF

安装

npm install @fekit/svg2pdf jspdf

或

yarn add @fekit/svg2pdf jspdf

使用

基础用法

import { jsPDF } from 'jspdf';
import { svg2pdf } from '@fekit/svg2pdf';

// 获取 SVG 元素
const svgElement = document.getElementById('mySvg');

// 创建 PDF 实例
const pdf = new jsPDF();

// 将 SVG 转换为 PDF
await svg2pdf(svgElement, pdf);

// 保存 PDF
pdf.save('output.pdf');

使用 jsPDF 扩展方法

import { jsPDF } from 'jspdf';
import '@fekit/svg2pdf'; // 导入后会自动扩展 jsPDF

const svgElement = document.getElementById('mySvg');
const pdf = new jsPDF();

// 使用扩展的 svg 方法
await pdf.svg(svgElement);

pdf.save('output.pdf');

配置选项

import { jsPDF } from 'jspdf';
import { svg2pdf } from '@fekit/svg2pdf';

const svgElement = document.getElementById('mySvg');
const pdf = new jsPDF();

await svg2pdf(svgElement, pdf, {
  x: 10,           // X 偏移量（默认：0）
  y: 10,           // Y 偏移量（默认：0）
  loadExternalStyleSheets: true  // 是否加载外部样式表（默认：false）
});

pdf.save('output.pdf');

API

svg2pdf(element, pdf, options?)

将 SVG 元素转换为 PDF。

参数：

• element: SVGElement | Element | string - SVG 元素或选择器
• pdf: jsPDF - jsPDF 实例
• options?: Svg2PdfOptions - 可选配置

返回值：

• Promise<jsPDF> - 返回 jsPDF 实例的 Promise

Svg2PdfOptions

• x?: number - X 偏移量（默认：0）
• y?: number - Y 偏移量（默认：0）
• loadExternalStyleSheets?: boolean - 是否加载外部样式表（默认：false）

TypeScript 支持

包含完整的 TypeScript 类型定义，可直接在 TypeScript 项目中使用。

License

MIT