EasyInvoicePDF自定义实战：如何设置VAT税标签、支付二维码与Logo让发票更专业

EasyInvoicePDF 是一款免费开源的发票生成器（Invoice Generator），无需注册、无广告，全程在浏览器中完成开票并一键导出 PDF。本教程带你分 3 步完成 3 项自定义设置：修改 VAT 税标签、添加支付二维码、上传公司 Logo，约 5 分钟让发票 PDF 焕然一新。

动手前先了解：2 套模板 + 实时 PDF 预览

EasyInvoicePDF 提供Default Template（经典样式）和Stripe Template（Stripe 风格）两套发票模板，通过表单顶部的Invoice Template下拉框随时切换。所有设置都是"所见即所得"——你输入每个字段，右侧的 PDF 预览会立刻同步更新，无需先生成再查看效果。

第一步：设置 VAT 税标签（Tax Label）

不同国家和行业对"税"的叫法不同：欧洲常用VAT，英国和部分国家用VAT / Sales Tax，澳洲新西兰用GST，西班牙语国家则叫IVA。EasyInvoicePDF 的税标签完全可自定义：

1. 展开Invoice Items（发票项目）区域；
2. 找到Tax Label输入框，默认值为VAT，最长可输入 50 个字符；
3. 改成你需要的名称，如GST、Sales Tax、IVA，表头、税列和底部汇总会全部同步更新。

配套的Tax Rate（税率）输入框支持两种填法：

• 数字0–100，如23，系统自动计算税额；
• 文本说明，如NP（Not Payable）、OO，适合免税或特殊税务场景。

底部默认展示VAT Table Summary（税汇总表）小表格，可通过开关控制是否在 PDF 中显示。

💡小技巧：切换发票语言时，税标签会自动同步为该语言的官方译法，避免英文发票出现西语税名。

该输入框的实现位于 invoice-items.tsx/(app)/components/invoice-form/sections/invoice-items.tsx#L544-L574>)，字段规则定义在 src/app/schema/index.ts。

第二步：添加支付二维码（QR Code）

想让客户用手机"扫一扫"直达付款页面？在表单下方的QR Code分组中：

• Data：填入二维码要编码的内容，支持任意文本或 URL，最长 500 字符。可以放支付链接、UPI 收款码信息、收款账户号甚至发票备注；
• Description（可选）：显示在二维码下方的一行说明文字，比如 "Scan to pay" 或收款账号；
• Show in PDF开关：控制二维码是否出现在 PDF 中，默认开启。

二维码会渲染在发票 PDF 的底部区域，系统会根据数据长度自动生成 300–500px 的高清码并智能调整纠错等级，保证扫码识别率。留空 Data 则不显示二维码，两种模板均支持。

二维码表单区域见 invoice-form/index.tsx/(app)/components/invoice-form/index.tsx#L721-L812>)，码图生成逻辑在 generate-qr-code-data-url.ts/(app)/utils/generate-qr-code-data-url.ts#L54-L60>)。

第三步：上传公司 Logo

Logo 是发票"专业感"的关键。在General Information区域找到Company Logo上传框：

1. 点击虚线框选择本地图片，支持JPEG、PNG、WebP三种格式，最大3MB；
2. 上传成功后显示缩略图，点击红色 ✕ 即可移除；
3. 两种模板都会将 Logo 展示在 PDF 头部：Default 模板居中放置，Stripe 模板放在右上角标题旁。

因为 Logo 以 base64 形式保存在发票数据里（本地存储 + 分享链接），所以 3MB 是硬性上限——建议提前把 Logo 压缩到 1MB 以内，保证分享链接不会过长。

上传与校验逻辑位于 logo-upload.ts/(app)/components/invoice-form/utils/logo-upload.ts#L1-L37>)，表单部分在 general-information.tsx/(app)/components/invoice-form/sections/general-information.tsx#L1128-L1186>)。

4 个让发票更专业的加分细节

• Pay Online 按钮：切换到 Stripe 模板后，填入Payment Link URL（需https://开头），PDF 上会出现"Pay Online"直达按钮，与二维码组合使用转化更好；
• 多语言一键切换：支持 10+ 语言、120+ 币种，语言、货币、日期格式、数字格式联动更新；
• 数据 100% 留在浏览器：发票保存在本地，不注册、不上传，隐私无忧；
• 分享链接开票：不下载 PDF 也可以直接把发票链接发给客户，对方打开即是完整发票页面。

小结

只需 3 分钟，用 EasyInvoicePDF 就能完成税标签定制（VAT / GST / IVA 任意改）、支付二维码和 Logo 三大设置，配合实时 PDF 预览确认效果后一键下载。整个项目代码开源可查，核心开票表单见 invoice-form 目录/(app)/components/invoice-form>)，欢迎参考 README.md 了解更多功能。