PDF无法编辑的问题?

Question

使用PDF Kit创建一个pdf，并插入空白页，在空白页上添加文本和图片，保存。插入空白页和保存都成功了，但文本和图片并没有添加到页面上。显示的是两个空白页。另：save中的进度回调中的log没有输出。具体代码如下：

import { pdfService } from "@kit.PDFKit";

saveAsPdf(savePath: string, images: string[], callback?: Function) {
    const tempFilePath: string = `${this.context.tempDir}/${this.dirName}.pdf`;
    const pdfDocument: pdfService.PdfDocument = new pdfService.PdfDocument();
    pdfDocument.createDocument(595, 842);
    pdfDocument.insertBlankPage(1, 595, 842);
    const page = pdfDocument.getPage(1);
    page.addTextObject('Hello world', 20, 20, {textColor: Color.Red, textSize: 20});
    LogUtil.info('图片：', JSON.stringify(images));
    LogUtil.info('沙箱地址：', FileUtil.getFilePath(images[0]));
    page.addImageObject(images[0], 0, 0, 595, 842);
    pdfDocument.saveDocument(tempFilePath, (progress: number) => {
      LogUtil.info('进度：', progress.toString());
      return progress;
    })

    // const loadResult: pdfService.ParseResult = pdfDocument.loadDocument(tempFilePath, '');
    // LogUtil.info('加载结果：', loadResult.toString())
    // if (pdfService.ParseResult.PARSE_SUCCESS === loadResult) {
    //   images.forEach((img: string, index: number) => {
    //     // const pdfPage: pdfService.PdfPage = pdfDocument.getPage(index);
    //     const pdfPage: pdfService.PdfPage = pdfDocument.insertBlankPage(index, 595, 842);
    //     const path = FileUtil.getFilePath(img);
    //     pdfPage.addImageObject(path, 0, 0, 595, 842);
    //   });
    //   pdfDocument.saveDocument(savePath, (progress: number) => {
    //     LogUtil.info('生成进度：', progress.toString());
    //     if (callback) {
    //       callback(progress);
    //     }
    //     return progress;
    //   });
    // } else {
    //   LogUtil.error('加载临时PDF失败！')
    // }
  }

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

参考代码：

import { fileIo as fs } from '@kit.CoreFileKit';
import { pdfService } from '@kit.PDFKit';
import { common } from '@kit.AbilityKit';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct Page {
  build() {
    Column() {
      Button('转图片')
        .onClick(()=>{
          this.copyFile('index.png')
          this.savePdf()
        })
        .margin(20)

    }
  }

  copyFile(fileName:string){
    let context = getContext(this) as common.UIAbilityContext;
    try {
      let data = context.resourceManager.getRawFileContentSync(fileName)
      let buffer = data.buffer
      let sanboxPath = context.filesDir
      try {
        let filePath = sanboxPath + "/" + fileName
        let file = fs.openSync(filePath, fs.OpenMode.CREATE | fs.OpenMode.READ_WRITE)
        try {
          fs.writeSync(file.fd, buffer) // 拷贝文件到沙箱
          fs.close(file.fd)
          console.log('myRawfileCopy success ' + data)
        } catch (err) {
          console.log('myRawfileCopy error')
        }
      } catch (error) {
        let err: BusinessError = error as BusinessError;
        console.error(err.message);
      }
    }catch (error) {
      let err: BusinessError = error as BusinessError;
      console.error(err.message);
    }
  }

  savePdf(){
    let filePath = getContext().filesDir + '/pdf002.pdf'
    let imgPath = getContext().filesDir + "/index.png";
    if (!fs.accessSync(filePath)) {
      // 新建并打开文件
      let file = fs.openSync(filePath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
      // 关闭文件
      fs.closeSync(file);
    }
    if (!fs.accessSync(imgPath)) {
      console.info("没有图片")
      return
    }
    let tempFilePath = getContext().tempDir + /temp${Math.random()}.pdf;
    fs.copyFileSync(filePath,tempFilePath)
    let pdfDocument = new pdfService.PdfDocument();
    let loadResult = pdfDocument.loadDocument(tempFilePath,'');
    console.info("pdfService.ParseResult.PARSE_SUCCESS:",pdfService.ParseResult.PARSE_SUCCESS)
    pdfDocument.createDocument(728.27,1000)
    let pdfPage: pdfService.PdfPage = pdfDocument.getPage(0);

    pdfPage.addImageObject(imgPath, 0, 0, 728.27, 1000);
    pdfDocument.saveDocument(filePath);
  }
}