鱼雷新秀 发表于 2024-2-20 01:42:41

如何使用ComPDFKit Web SDK添加在线编辑PDF文档功能

文档编辑功能提供了一系列的操作页面的能力,使用户能够控制文档结构,并调整文档的布局和格式,确保文档内容以合理有序的方式精准呈现。
ComPDFKit 文档编辑的优势

[*]插入或删除页面: 向文档插入或删除页面,以满足特定的排版要求。
[*]文档结构调整: 调整页面排列顺序或旋转方向,以满足特定的显示或打印需求。
[*]多文档协作: 从一个文档中提取页面,然后插入到另一个文档中,以促进协作和内容整合。
 
ComPDFKit for Web 文档编辑的功能

[*]插入页面
向目标文档中插入空白页面或另一个文档中的页面。

[*]插入空白页面​

以下是插入空白页面的示例代码:
// 插入到第一页。
const pageIndex = 1;
const width = 612;
const height = 792;

docViewer.insertBlankPage(pageIndex, width, height) 
[*]插入其他 PDF 页面​

以下是插入其他 PDF 页面的示例代码:

const file = {...} // File文件对象。
const pageIndexToInsert = 1
const pagesIndexToInsert = // 插入PDF页面的范围。

docViewer.insertPages(file, pageIndexToInsert, pagesIndexToInsert) 
 

[*]删除页面
删除文档中的页面。

[*]
[*]// 删除文档的第一页。
const pagesIndexToDelete =
docViewer.removePages(pagesIndexToDelete) 

[*]旋转页面
旋转 PDF 文档中的页面。

[*]// 将第一页顺时针旋转90度,每一单位旋转即为顺时针90度。
const pagesIndexToRotate =
const rotation = 1;
docViewer.rotatePages(pagesIndexToRotate, rotation) 

[*]替换页面
将目标文档中的指定页面用另一个文档的页面替换。

[*]以下是替换页面的步骤:

[*]移除目标文件需要被替换的页码。
[*]将替换页面插入原文档被删除的位置,完成页面的替换。
以下是替换页面的示例代码:
// 移除文档的第一页。
docViewer.removePages()

// 将另一份文档的第一页插入原文档的第一页位置,完成替换。
const file = {...} // File文件对象。
const pageIndexToInsert = 0
const pagesIndexToInsert = 'all' // 插入PDF页面的范围。

docViewer.insertPages(file, pageIndexToInsert, pagesIndexToInsert) 


[*]提取页面
提取文档中的页面。

[*]// 将原文档的第一页、第三页和第四页提取到新建文档。
const pagesIndexToExtract = // 提取页面的范围。
const data = await docViewer.extractPages(pagesIndexToExtract)

// 你可以将blob保存到文件或上传到服务器
const blob = new Blob(, { type: 'application/pdf' }); 

[*]移动页面
移动文档中的页面。

[*]// 将文档的第一页移动到第二页。
const pagesIndexToMove =
const targetPageIndex = 2
docViewer.movePages(pagesIndexToMove, targetPageIndex) 

[*]复制页面
复制文档中的页面。
// 复制文档的第一页。
const pagesIndexToCopy =
docViewer.copyPages(pagesIndexToCopy) 
 

来源:https://www.cnblogs.com/ComPDKit/p/18021217/add-pdf-document-editor-to-web-app
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 如何使用ComPDFKit Web SDK添加在线编辑PDF文档功能