提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
转帖|使用教程|编辑:莫成敏|2020-05-15 10:00:14.843|阅读 492 次
概述:本文介绍了关于 ARJS 导出PDF 中文乱码及使用特殊字体设置方法。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
ActiveReportsJS 是一款基于 HTML5 的纯前端在线报表控件,通过拖拽式报表设计器,可以快速地设计 Excel表格、Word文档、图表、数据过滤、数据钻取、精准套打等类型报表,全面满足 JavaScript、Html5、Augular、Vue、React、PureJS 等平台中报表的开发需要。同时,通过丰富的API可以灵活的实现报表创建、加载和运行时的个性化自定义需求。
本文介绍了关于 ARJS 导出PDF 中文乱码及使用特殊字体设置方法。
字体设置
在报表设计过程中,我们会为报表设计一些特殊字体或者本地安装的字体,这些字体也许可能不会被浏览器识别,预览,打印或导出。
通常情况下,浏览器加载特殊字体会遵循@font-face 规则,如果 HTML 元素不可见或者当前页面没有设置该元素,@ font-face规则就不会被处理。
为了保证浏览器能够识别正确的字体并且加载@font-rulers CSS 规则,首先需要准备字体描述,并且注册。以下是在Viewer 中使用字体的两种场景:
1.用户加载或注册字体,全部通过代码使用。
2.直接在Viewer 中注册字体,字体在设计报表时,已经添加到(fontConfig.json)文件中。
场景1 :准备字体描述器(Font Descriptors)
font descriptor 接口由以下内容组成:
const fonts: FontDescriptor[]= [ { name: 'Noto Sans CJK JP', // font-family: "Noto Sans" locals: ['Noto Sans'], // try to find this font on local machine before load from remote source: 'fonts/NotoSansCJKjp-Regular.otf' // remote URL }, { name: 'Noto Serif CJK JP', // font-family: "Noto Serif" locals: ['Noto Serif', 'Arial'], // try to find "Noto Serif" on local machine or use"Arial" instead before loading from remote source: 'fonts/NotoSerifCJKjp-Regular.otf' // remote URL } ];
注册字体:
在Viewer 中添加字体描述器,使用 viewer.registerFont():
const viewer = new ActiveReports.Viewer('#root'); viewer.registerFont(...fonts) .then(()=> viewer.open('/reports/InvoiceList.rdlx-json'));
或者使用 PageReport的GC.ActiveReports.Core.registerFont():接口:
const report = new GC.ActiveReports.Core.PageReport(); GC.ActiveReports.Core.registerFont(...fonts) .then(() => report.load('/reports/InvoiceList.rdlx-json')) .then(() => report.run()) .then(document => document.print());
完整的代码如下:
<head> <title>ActiveReportsJSViewer</title> <meta charset="utf-8" /> <link rel="stylesheet" href="css/ar-js-viewer.css" /> <script type="text/javascript" src="scripts/ie-polyfills.js"></script> <!--to run inIE--> <script type="text/javascript" src="scripts/ar-js-core.js"></script> <script type="text/javascript" src="scripts/ar-js-viewer.js"></script> </head> <body onload="load()"> <script> var Noto_Sans = { name: 'Noto Sans CJK JP', locals: ['Noto Sans'], source: 'fonts/NotoSansCJKjp-Regular.otf' }; var Noto_Serif = { name: 'Noto Serif CJK JP', locals: ['Noto Serif', 'Arial'], source: 'fonts/NotoSerifCJKjp-Regular.otf' }; var fonts = [Noto_Sans,Noto_Serif]; function load() { const report = newGC.ActiveReports.Core.PageReport(); GC.ActiveReports.Core.registerFont(...fonts) .then(() => report.load('/reports/InvoiceList.rdlx-json')) .then(() => report.run()) .then(document => document.print()); } </script> </body>
如果要注册 .ttc 文件,需要添加"postscriptName"属性:
viewer.registerFont({ src: 'fonts/msgothic.ttc', name: 'MS Gothic', postscriptName: 'MS-Gothic' });
场景2:在JSON 文件中添加 FontDescriptors
1.ARJS 可用的字体都在 fontsConfig.json 文件中配置了, 如果要修改字体配置可以打开该文件去修改,文件路径:
2. 修改fontsConfig.json 文件,添加以下内容
{ "path": "", "descriptors": [ { "name": "Noto Sans CJK JP", "source": "NotoSansCJKjp-Regular.otf" }, { "name": "Noto Serif CJK JP", "source": "NotoSerifCJKjp-Regular.otf" } ] }
这样的话就可以在设计器中使用添加的字体。
从Json File 注册字体:
<body onload="load()"> <div id="ARJSviewerDiv" style="height:600px"></div> <script> function load() { const viewer = newActiveReports.Viewer('#ARJSviewerDiv'); viewer.registerFont("/fonts/fontsConfig.json"); //addfontsConfig.json in 'fonts' folder viewer.open('/reports/InvoiceList-Fonts.rdlx-json'); } </script> </body>
注意
输入:.ttf MIME 类型:application/octet-stream
希望文章对您有所帮助~感兴趣的朋友可以点击下载ActiveReportsJS试用版~
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
文章转载自:本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢