Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript epubjs阅读器格式副本扩展()一页未对齐到中心_Javascript_Typescript_Alignment_Epub_Epub.js - Fatal编程技术网

Javascript epubjs阅读器格式副本扩展()一页未对齐到中心

Javascript epubjs阅读器格式副本扩展()一页未对齐到中心,javascript,typescript,alignment,epub,epub.js,Javascript,Typescript,Alignment,Epub,Epub.js,开发了epub reader组件,它可以正常工作,但也有一些epub文件的情况,书的第一页总是在左边对齐,而通常是在中间。这些对齐设置在弹出窗口中,您可以选择“展开到一页”或“展开到两页” 对话框示例: <mat-radio-group [(ngModel)]="epubTextOptions.selectedTwoPages" class="inline-button"> <mat-radio-button [value]=

开发了epub reader组件,它可以正常工作,但也有一些epub文件的情况,书的第一页总是在左边对齐,而通常是在中间。这些对齐设置在弹出窗口中,您可以选择“展开到一页”或“展开到两页”

对话框示例:

<mat-radio-group [(ngModel)]="epubTextOptions.selectedTwoPages" class="inline-button">
      <mat-radio-button [value]="false" [checked]="!epubTextOptions.selectedTwoPages" class="inline-button">{{'reader.textOptions.dialog.onePage' | translate}}</mat-radio-button>
      <mat-radio-button [value]="true" [checked]="epubTextOptions.selectedTwoPages" class="inline-button">{{'reader.textOptions.dialog.twoPages' | translate}}</mat-radio-button>
    </mat-radio-group>
html组件:

<div id="epubContent" class="d-flex align-items-center" [style.height]="contentHeight + 'px'">
  <app-button *ngIf="displayPrevPageButton() && !isMobileDevice()" (btnClick)="prevPage()"
              btnClass="mat-icon-button epub-action"><span class="far fa-chevron-left"></span></app-button>
  <div #ePub class="epub-container"></div>
  <app-button *ngIf="displayNextPageButton() && !isMobileDevice()" (btnClick)="nextPage()"
              btnClass="mat-icon-button epub-action"><span class="far fa-chevron-right"></span></app-button>
</div>


所有内容都是从epubjs库示例中实现的,并根据读者的需要进行了调整,但正如我所说的,大多数epub spread()功能都在工作,但也有epub文件,其中第一页在“一页”时与左侧对齐选择了,而不是居中对齐。

在vs中,我认为有一种自动对齐的方法,可以尝试与我从未使用过epub类似的方法。

在vs中,我认为有一种自动对齐的方法,可以尝试与我从未使用过epub类似的方法

<div id="epubContent" class="d-flex align-items-center" [style.height]="contentHeight + 'px'">
  <app-button *ngIf="displayPrevPageButton() && !isMobileDevice()" (btnClick)="prevPage()"
              btnClass="mat-icon-button epub-action"><span class="far fa-chevron-left"></span></app-button>
  <div #ePub class="epub-container"></div>
  <app-button *ngIf="displayNextPageButton() && !isMobileDevice()" (btnClick)="nextPage()"
              btnClass="mat-icon-button epub-action"><span class="far fa-chevron-right"></span></app-button>
</div>