javascript - 春季项目中 kendo.drawing.pdf.saveAs(...) 无法使用 unicode 字符生成 pdf
问题描述
我正在做一个项目,我想从 HTML 生成 pdf。我可以成功地从 HTML 生成 pdf。但问题是在 HTML 页面中显示 unicode 字符,但是当生成 pdf 时,这些 unicode 字符没有显示。变成了盒子。我用于生成 pdf 的 java 脚本代码是
<script>
kendo.pdf.defineFont({
"DejaVu Sans":
"http://cdn.kendostatic.com/2019.1.220/styles/fonts/DejaVu/DejaVuSans.ttf",
"DejaVu Sans|Bold":
"http://cdn.kendostatic.com/2019.1.220/styles/fonts/DejaVu/DejaVuSans-Bold.ttf",
"DejaVu Sans|Bold|Italic":
"http://cdn.kendostatic.com/2019.1.220/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf",
"DejaVu Sans|Italic":
"http://cdn.kendostatic.com/2019.1.220/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf",
"Kalpurush":
"https://www.omicronlab.com/download/fonts/kalpurush.ttf",
"SiyamRupali":
"https://www.omicronlab.com/download/fonts/Siyamrupali.ttf"
});
</script>
<script>
var generatePDF = function () {
kendo.drawing.drawDOM($("#pdfReport"), {
avoidLinks: true,
paperSize: "A4",
landscape: true,
font: "14px 'DejaVu Sans', Arial, sans-serif, Kalpurush, SiyamRupali"
}).then(function (group) {
kendo.drawing.pdf.saveAs(group, "Acr-Summary.pdf");
});
}
</script>
HTML的视图页面是
在这里您可以看到,在第一行的最后一列显示 unicode 字符。但是当我生成pdf时,视图变成了这样。Unicode 字符变成框。
我尝试了几种方法。任何帮助将不胜感激。
解决方案
推荐阅读
- c - EXC_BAD_ACCESS 在函数调用后立即分配给变量
- c - 如何在结构C的数组中搜索
- r - 如果满足条件,则更新下一行中的值
- javascript - 使用流逐行读取文本文件
- sql - 如何获取当前月份和最后两个月之间的所有日期
- javascript - 我的 onclick 附加到在同一函数中被删除的类。为什么还会触发?
- angular - Angular Material - MatTable 可扩展行动画
- string - 如何在 Apache Solr 6 中使用 docValues 对多值字符串字段进行排序?
- python - Save a 3D NetworkX graph in python to view it later with paraview
- react-native - React Native:如何进行水平滚动但数据分为4行