1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 解决Angular Kendo UI 导出PDF中文乱码

解决Angular Kendo UI 导出PDF中文乱码

时间:2018-12-27 06:30:40

相关推荐

解决Angular Kendo UI 导出PDF中文乱码

在使用 Kendo UI for Angular 的 PDFExportComponent 组件时,如果内容是中文则导出PDF将会出现乱码,网上许多人认为是官方不支持中文,但其实不然,阅读文档

The PDF Export component supports the Unicode standard only if the fonts you provide contain glyphs for the referenced Unicode characters

发现导致乱码的问题是该组件只支持Unicode标准的字体,官方默认字体是 DejaVu Sans,这字体一看就不是好东西,胆敢不支持我大天朝的语言。找到乱码的原因了,那接下来就是换了这个字体,官方提供了两种方式:

@font-face 指定

Microsoft Yahei 字体下载,下载完成后将.ttf文件存放在项目下,然后在@font-face 下的 src 指定到该文件,如下

@font-face {font-family: 'DejaVu Sans';src: url('../../Microsoft Yahei.ttf') format('truetype');}

defineFont 方法(推荐)

同样下载 Microsoft Yahei 字体,设置如下:

import { defineFont } from '@progress/kendo-drawing/pdf';...@ViewChild('pdf') pdf: PDFExportComponent;public print(): void {...defineFont({'Microsoft Yahei': '../../Microsoft Yahei.ttf'});//也可以在 ngInit() 中设置this.pdf.saveAs('example.pdf');}

OK,可以愉快的导出中文了~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。