Skip to content

显示模式

滚动方向

页面滚动方向可以是水平或垂直。

如果 verticalModetrue,表示是垂直滚动;否则,是水平滚动。

tsx
let config = ComPDFKit.getDefaultConfig({
  readerViewConfig: {
    verticalMode: true
  }
});
ComPDFKit.openDocument(_document, '', config);

// CPDFReaderWidget 示例
<CPDFReaderView
  ref={pdfReaderRef}
  document={samplePDF}
  saveDocument={saveDocument}
  configuration={config}/>

显示模式

页面显示模式可以是 单页模式双页模式封面模式

tsx
let config = ComPDFKit.getDefaultConfig({
  readerViewConfig: {
    displayMode: CPDFDisplayMode.DOUBLE_PAGE
  }
});
ComPDFKit.openDocument(_document, '', config);

// CPDFReaderWidget 示例
<CPDFReaderView
  ref={pdfReaderRef}
  document={samplePDF}
  saveDocument={saveDocument}
  configuration={config}/>

滚动模式

滚动模式可以设置为连续滚动或翻页滚动模式。当 continueModetrue 时,表示连续滚动;否则,是翻页滚动。

tsx
let config = ComPDFKit.getDefaultConfig({
  readerViewConfig: {
    continueMode: true
  }
});
ComPDFKit.openDocument(_document, '', config);

// CPDFReaderWidget 示例
<CPDFReaderView
  ref={pdfReaderRef}
  document={samplePDF}
  saveDocument={saveDocument}
  configuration={config}/>

裁剪模式

在裁剪 PDF 周围的空白区域后显示文档时,当 cropModetrue 时,表示启用了裁剪模式;否则,未裁剪。

tsx
let config = ComPDFKit.getDefaultConfig({
  readerViewConfig: {
    cropMode: true
  }
});
ComPDFKit.openDocument(_document, '', config);

// CPDFReaderWidget 示例
<CPDFReaderView
  ref={pdfReaderRef}
  document={samplePDF}
  saveDocument={saveDocument}
  configuration={config}/>