html帮助文档 pdf,HTML PDF Viewer

HTML PDF Viewer

The wijmo.viewer module contains 2 types of viewers: PdfViewer and ReportViewer. The PdfViewer is a lightweight viewer used to display PDFs without any third party PDF reader or software. You can use it to display PDF documents in your web apps.

Includes top document viewer features like thumbnail display, scrolling, paging, and zooming

Print support

Export features

Features

Every feature you’d expect from a document viewer is included out-of-the-box:

Print support

Responsive viewer

Thumbnails

Search

Pagination

Full-screen and resizing options

Continuous scrolling options

Basics

To show the PDF file from C1 Web API PDFDocument Services, set the following basic properties:

serviceUrl: The url of C1 Web API PDFDocument Services. For example, ''.

filePath: The full path to the pdf file. For example, 'PdfRoot/DefaultDocument.pdf'.

The 'PdfRoot' is the key of the pdf file disk storage provider, which is registered at server for locating the specified pdf file.

The 'DefaultDocument.pdf' is the relative path of the pdf file, which can be located by the disk storage provider.

Example

...

...

let pdfViewer = new viewer.PdfViewer('#pdfViewer', {

serviceUrl: 'https://demos.componentone.com/ASPNET/c1webapi/4.0.20172.105/api/pdf',

filePath: 'PdfRoot/DefaultDocument.pdf',

zoomFactorChanged: (sender) => {

zoomFactor.value = sender.zoomFactor;

}

});

The C1 Web API PDFDocument Services uses C1PdfDocumentSource to render and export pdf files. Please refer to How to set up C1 Web API PDFDocument Services for details.

Also the PdfViewer control has the following properties, which allow you to customize its appearance and behavior:

fullScreen: Indicates whether the viewer is under full screen mode.

mouseMode: Indicates the mouse behavior.

viewMode: Indicates how to show the document pages.

zoomFactor: Indicates the current zoom factor to show the document pages.

Example

pdfViewer.fullScreen = true;

pdfViewer.mouseMode = wijmo.viewer.MouseMode.MoveTool;

pdfViewer.viewMode = wijmo.viewer.zoomMode.WholePage;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值