yetangitu/epub.js
1
0
Fork 0
mirror of https://github.com/futurepress/epub.js.git synced 2025-10-04 15:09:16 +02:00
Code Issues Releases Wiki Activity

Add margin to align pre-paginated pages

Browse source
This commit is contained in:
Mikkel Vester Petersen 2019-08-13 14:00:50 +02:00
parent bf4a68a9a2
commit dfce8e58b7
3 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/contents.js
View file

@ -1070,7 +1070,7 @@ class Contents {
* @param {number} width
* @param {number} height
*/
fit(width, height){
fit(width, height, section){
var viewport = this.viewport();
var viewportWidth = parseInt(viewport.width);
var viewportHeight = parseInt(viewport.height);
@ -1100,6 +1100,11 @@ class Contents {
this.css("background-size", viewportWidth * scale + "px " + viewportHeight * scale + "px");
this.css("background-color", "transparent");
if (section && section.properties.includes("page-spread-left")) {
// set margin since scale is weird
var marginLeft = width - (viewportWidth * scale);
this.css("margin-left", marginLeft + "px");
}
}
/**

4
src/layout.js
View file

@ -189,11 +189,11 @@ class Layout {
* @param {Contents} contents
* @return {Promise}
*/
format(contents){
format(contents, section){
var formating;
if (this.name === "pre-paginated") {
formating = contents.fit(this.columnWidth, this.height);
formating = contents.fit(this.columnWidth, this.height, section);
} else if (this._flow === "paginated") {
formating = contents.columns(this.width, this.height, this.columnWidth, this.gap);
} else { // scrolled

2
src/managers/views/iframe.js
View file

@ -149,7 +149,7 @@ class IframeView {
.then(function(){
// apply the layout function to the contents
this.layout.format(this.contents);
this.layout.format(this.contents, this.section);
// find and report the writingMode axis
let writingMode = this.contents.writingMode();