lizhenghang
/
dev


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<title>PDFH5</title>
	<link rel="stylesheet" href="../../css/pdfh5/style.css" />
	<link rel="stylesheet" href="../../css/pdfh5/pdfh5.css" />
	<style>
		.pdfjs {
			width: 100%;
			height: 100%;
			/* height: 50%; */
			overflow: hidden;
			background: #fff;
			position: relative;
		}
		/* .pdfjs2 {
			width: 100%;
			height: 50%;
			overflow: hidden;
			background: #fff;
			position: relative;
		} */
	</style>
</head>

<body>
	<div class="pdfjs"></div>
	<!-- <div class="pdfjs2"></div> -->
	<script src="./pdf.js" type="text/javascript" charset="utf-8"></script>
	<script src="./pdf.worker.js" type="text/javascript" charset="utf-8"></script>
<!--	<script src="./jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>-->
	<script src="./jquery.min.js" type="text/javascript" charset="utf-8"></script>
<!--	<script src="./jquery.min.js" type="text/javascript" charset="utf-8"></script>-->
	<script src="./pdfh5.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var url = "http://118.89.56.33:8999/pdfh5/default.pdf"
		// var url = 'default.pdf';
		var pdfh5 = new Pdfh5('.pdfjs', {
            scrollEnable:false,//是否允许pdf滚动
			pdfurl: url
        });
        pdfh5.on("start",function(str){

        })
        pdfh5.on("complete",function(str){
            pdfh5.scrollEnable(true)
        })
		//监听当前加载的pdf页数,currentPageDom当前加载的pdf的dom,currentNum当前加载的pdf页数,
		pdfh5.on("renderPages",function(currentPageDom){
			console.log(this.currentNum)
			console.log(pdfh5.currentNum)
		})
		// var pdfh52 = new Pdfh5('.pdfjs2',{
		// 	pdfurl: 'test.pdf'
		// });
		//pdfh5.zoomChange pdfh5.renderPages pdfh5.renderEnd pdfh5.scroll pdfh5.show pdfh5.hide
		//pdfh5还有pdfh5开始初始化、pdfh5加载完成、PDF加载失败、PDF加载成功事件：   pdfh5.start pdfh5.complete pdfh5.error pdfh5.success
		//pdfh5还有还原事件、销毁事件（附带回调函数）：   pdfh5.reset pdfh5.destroy
		//pdfh5还有静态参数：
		//pdf最外层div pdfh5.container
		//pdf第二层div pdfh5.viewerContainer
		//所有包裹pdf的div的父div pdfh5.viewer
		//所有包裹pdf的div pdfh5.pages
		//pdf加载完成状态 pdfh5.pdfLoaded
		//pdf总页数 pdfh5.totalNum
		//pdf当前页数 pdfh5.currentNum
		//pdfh5初始化的时间戳 pdfh5.initTime
		//pdfh5开始渲染距离初始化多少毫秒 pdfh5.startTime
		//pdfh5渲染完毕距离初始化多少毫秒  pdfh5.endTime
		//pdfh5渲染过程中时间戳   pdfh5.renderTime
		//pdfh5支持在线预览 http://www.gjtool.cn/pdfh5/pdf.html?file=http://xxx.xxx.xxx/xxx.pdf
//新增配置参数scrollEnable:false不允许pdf滚动,true允许pdf滚动
//		var pdfh5 = new Pdfh5('.pdfjs', {
// 			scrollEnable:false,//是否允许pdf滚动
// 			pdfurl: url
// 		});
//新增方法pdfh5.scrollEnable(true)允许pdf滚动,pdfh5.scrollEnable(false)不允许pdf滚动
//新增on方法,监听各种事件
// 		pdfh5.on("start",function(str){
// 			console.log(str)
// 		})
// 		pdfh5.on("complete",function(str){
// 			pdfh5.scrollEnable(true)
// 		})
	</script>
</body>

</html>