ngPdf - zoomOutとzoomIn - center

Question

私はPDFキャンバスを使ってAngularJS/BootstrapアプリケーションでPDFをプレビューしています。 このプレビューは本当に優れています。これらは、私のdivコンテナである

<button type="button" class="btn btn-default" data-ng-click="zoomIn()"> 
    <span class="glyphicon glyphicon-zoom-in"></span> 
</button> 

：

<div> 
    <canvas id="pdf-canvas" class="rotate0"></canvas> 
</div> 

<div class="pdfTemplateModal"> 
    <span class="glyphicon glyphicon-remove close" data-ng-click="vm.closePdfTemplateModal()"></span> 
    <div class="pdfPreviewWrapper"> 
     <ng-pdf template-url="app/project/templates/pdfTemplate.html" canvasid="pdf-canvas" page="1" scale=1 debug="true" ></ng-pdf> 
    </div> 
</div> 

キャンバスを中央に可能性があるとの中 ズーム時に私が必要となる 唯一の事は、私のモーダルやキャンバスのいずれかを中央にありますズームインするときは？ は現在、キャンバスが私のAngularJSの左上/ブートストラップモーダルに固定されているが、中にズームするときには、中央に配置する

Answer 1

1. Delete for .wrapper "width" 

2. For ng-pdf add 

    display: flex; 
    flex-direction: column; 
    margin: auto; 
    justify-content: center; 
    align-items: center; 

3. For NAV add 
    width: 1000px; 

4. For H1 add 
    width: 1000px; 
    margin: auto; 

このリンクに私の結果を見て - 。https://www.screenmailer.com/v/ikcGUb7B91yaNlA