jsPDF写入印地语字符串乱码问题及解决方法咨询

乱码原因 #

• jsPDF 默认搭载的基础字体（如 Helvetica）仅支持 ASCII 字符集，不包含印地语使用的 Devanagari 脚本字符，无法正确渲染这类非拉丁字符，导致显示乱码。
• 未引入支持印地语的字体文件，也未在 jsPDF 中配置使用该字体。

解决步骤 #

1. 准备支持印地语的字体 #

选择一款支持 Devanagari 脚本的字体，比如 Noto Sans Devanagari、Arial Unicode MS 等，确保字体文件（通常为 TTF 格式）可获取且合规使用。

2. 转换字体为 jsPDF 兼容格式 #

使用 jsPDF 官方提供的字体转换工具，将 TTF 字体文件转换为 jsPDF 可识别的格式，生成对应的字体定义 JS 文件，之后将该文件引入到项目中。

3. 在代码中配置并使用字体 #

示例代码如下：

// 初始化 jsPDF 实例
const doc = new jsPDF();

// 添加转换后的字体
doc.addFont('NotoSansDevanagari-Regular.js', 'Noto Sans Devanagari', 'normal');

// 设置当前使用的字体
doc.setFont('Noto Sans Devanagari');

// 写入印地语文本
doc.text('नमस्ते', 10, 10);

// 保存PDF文件
doc.save('hindi-document.pdf');

注意事项 #

• 优先选择针对 Devanagari 脚本优化的字体，避免部分复杂连写字符显示异常。
• 确保字体文件的使用符合版权要求，避免侵权问题。

内容的提问来源于stack exchange，提问作者user19599863