生成带有阿拉伯字体的 PDF

2024-01-03

我想在React中下载带有阿拉伯字体的pdf文件,但没有找到任何解决方案。我目前正在使用 jsPdf 但它无法正确渲染阿拉伯字体

let doc = new PDFDocument
let doc = new pdf();
doc.setFontSize(10);
doc.rect(20, 20, doc.internal.pageSize.getWidth() - 40, 
doc.internal.pageSize.getHeight() - 40, 'S');
doc.setTextColor(128,0,128);
doc.text("Date", 30, 25);
doc.text(this.state.date, 50, 25);
doc.text("السلام عليكم", 30, 35);
doc.text("Quantity", 120, 35);
let distance = 30;
doc.save("data.pdf");

提前致谢


首先下载所需的字体。然后去https://rawgit.com/MrRio/jsPDF/master/fontconverter/fontconverter.html https://rawgit.com/MrRio/jsPDF/master/fontconverter/fontconverter.html

并转换并下载文件。将其移至您的项目目录并将其导入所需的模块中。

您还可以将大字符串放入变量中const myFont = "VVV....VVV"

然后像这样使用它。

   doc.addFileToVFS("MyFont.ttf", myFont);
   doc.addFont("MyFont.ttf", "MyFont", "normal");
   doc.setFont("MyFont");

现在您需要右对齐文本。

doc.text("Arabic Text", 200, 20, "right");
//OR
doc.text("Arabic Text", 200, 20, { align : "right" } ); 
/* 
200 is the x coordinate and marks the starting position of the text from right.
y coordinate is the distance from the top of the page.
*/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

生成带有阿拉伯字体的 PDF 的相关文章

随机推荐

  • 加载 Keras 模型并用它进行预测

    我制作了一个用于假新闻检测的 Keras NN 模型 我得到了 89 1 的验证准确度 我使用 50 000 个样本进行训练 使用 10000 个样本进行测试 使用 2000 个样本进行验证 我已经保存了该模型 现在我想加载该模型 加载我想
  • 链表与向量

    在过去的几天里 我一直在为软件开发工作的第一次电话面试做准备 在研究我提出的问题时本文 http www codinghorror com blog 2008 01 getting the interview phone screen ri
  • getsockopt 返回与 setsockopt 中设置的不同的 IP_TOS 值

    我正在尝试使用setsockopt to set IPTOS价值IPTOS THROUGHPUT The setsockopt回电0 但是 那getsockopt显示了IP TOS值设置为1 这不同于IPTOS THROUGHPUT 0x8
  • 崩溃。项目开发处于非活动状态

    当我尝试上传新风味版本时 出现错误 警告 Crashlytics 上传发行版时出现问题 项目开发处于非活动状态 我该如何修复它并添加新的flavor用于测试 来自 Stackoverflow 上另一位用户的回复 https stackove
  • Angular js 中的 Twitter 引导日期选择器

    我正在使用 twitter bootstrap Angular js 和 Taffy DB 构建一个应用程序 javascript function datepicker datepicker scope submit function c
  • 在 Delphi 中调整 png 图像大小 - 不正确的 alpha 通道

    我正在调整可能有 Alpha 通道的 png 图像的大小 一切正常 但有一个例外 我在透明区域周围得到一些灰色像素 原始图像没有任何阴影 有没有办法解决这个问题 解决它 我正在使用 Gustavo Daud 的 SmoothResize 请
  • Dart 更新渠道有哪些?

    On the Dart 编辑器页面 https www dartlang org tools editor 我们可以在 2 个频道之间进行选择 dev and stable 它们之间有什么区别 Rico Wind的这篇文章 https gr
  • 下划线变量后跟范围在 bash 中意味着什么:$_{0..10}

    根据tldp org http tldp org LDP Bash Beginners Guide html sect 03 02 html bash下划线变量是 下划线变量在 shell 启动时设置 包含参数列表中传递的正在执行的 she
  • foreach() 和 if() 中单独的开始标记和结束标记

    我在执行单独的开始和结束标记时遇到一些问题 出现解析错误 我在 mvc1 2 中这样做 但是在 mvc4 中如何完成此操作 我正在做一个foreach 根据计数我打开了一个div并关闭一个div 这是代码 foreach var d in
  • 如何在C#中的OpenFileDialog中限制文件名修改

    我有一个 C NET 3 5 程序 它使用OpenFileDialog检索要导入的文件 它有两个过滤器 Domain and 和 Domain 被选为FilterIndex 我看到文件在过滤器中修改后消失的情况OpenFileDialog
  • 使用 Opencv 和 python 获取 RTSP 流

    我知道这可能是此类问题的第 100 个 但我翻遍了谷歌和所有内容 但找不到任何有用的东西 我需要得到一个RTSP流式传输opencv在 python 中 我没有主意了 到目前为止 这是我尝试过的 尝试使用流式传输ffserver and f
  • 无法在 Windows 2012 上运行 Sonatype Nexus Repository Manager 3.0

    我无法启动 Sonatype Nexus Repository Manager 3 0 0 Milestone 7 Release nexus 3 0 0 b2016011501 解压 Windows 存档后 然后 nexus exe 运行
  • 错误没有合适的默认构造函数可用

    我正在实现一个带有节点和迭代器的列表类 它创建一个类型为 Ticket 的列表 这是我在类中定义的一个对象 但是当我尝试编译时 它说 List 没有默认构造函数 因为显然有是 有人看到这里的问题吗 这是类的定义 class List pub
  • 删除CSS中的水平滚动条

    我在我的网页上使用类似 facebook 的按钮 我需要它在页面的右侧对齐 但有一个水平滚动条显示 请看小提琴http jsfiddle net u4kMs http jsfiddle net u4kMs 我无法找出是什么原因造成的 如何解
  • android - android studio 模拟器中的 SSL 问题,在手机上运行良好

    我有一个通过 https 调用 Web 服务的应用程序 当我在手机上运行该 apk 时 效果很好 然而 在模拟器中 所有POST请求超过SSL失败 读取错误 ssl 0xb402be00 SSL 库失败 通常是协议 错误 错误 100c50
  • 无法在 Eclipse 中使用 Acceleo 从 UML 生成 java

    我是 Eclipse 和 Acceleo 的新手 我一直在尝试完成第一个生成器模型教程 我正在使用 Kepler 4 3 和 Acceleo 3 X 我正在关注从 uml 生成 java 代码的教程 链接是http wiki eclipse
  • 如何从 Android 应用程序内的 Web 视图禁用复制、粘贴和选择工具栏

    如何从 Android 应用程序内的 Web 视图中禁用复制 粘贴和选择工具栏 我正在制作一个应用程序 它实际上是 webview 一个在 Javascript 和 Jquery 上工作的网站 所以我想知道是否可以禁用复制粘贴工具栏 禁用
  • 在 NavigatorIOS 中调用 onRightButtonPress 的函数 - React Native

    我在反应本机 NavigatorIOS 中使用 onRightButton 我希望能够调用驻留在我正在推送的组件中的函数 但我不知道如何实现这一点 这是代码示例 this props navigator push component Sin
  • 如何使用 scala 比较 Spark 中的一行与所有其他行

    我的一列中有超过 100K 个名字 我需要比较它们中的每一个 以确定它们是否相同 D souza D souza 或几乎相同 D souza Dsouza 我尝试将 cassandra 表读入 RDD 并对其自身进行笛卡尔乘积以形成元组 但
  • 生成带有阿拉伯字体的 PDF

    我想在React中下载带有阿拉伯字体的pdf文件 但没有找到任何解决方案 我目前正在使用 jsPdf 但它无法正确渲染阿拉伯字体 let doc new PDFDocument let doc new pdf doc setFontSize