var pdfViewer = new wijmo.viewer.PdfViewer('#pdfViewer', { serviceUrl: 'https://demo.grapecity.com/c1/aspnet/c1webapi/4.0.20172.105/api/pdf/', filePath: 'PdfRoot/従業員別売上.pdf', zoomMode: wijmo.viewer.ZoomMode.PageWidth, thresholdWidth: 0 }); new wijmo.nav.TabPanel('.tab-panel', { isAnimated: false }); document.getElementById('thresholdWidth').addEventListener('click', function (e) { pdfViewer.thresholdWidth = e.target.checked ? 9999 : 0; });
<div class="container"> <h1>PdfViewer</h1> <p>PDFビューワー。ComponentOne Web APIのPDFサービスを使用して、PDFファイルを表示します。</p> <div id="pdfViewer"></div> <div class="tab-panel"> <div> <a>ビューワー</a> <div class="property-panel"> <label>モバイル用レイアウト<input id="thresholdWidth" type="checkbox"></label> </div> </div> </div> </div>