Question

我使用pdf canvas在我的AngularJS / Bootstrap应用程序中预览PDF。此预览非常出色。我唯一需要的是将模态或画布置于中心位置放大：

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

这些是我的div容器：

<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 / Bootstrap模态的左上角，但在放大时应该居中。

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

ngPdf - zoomOut和zoomIn - center

1 个答案: