yetangitu/canvas-based-HTML5-Comic-Book-Reader
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

cleaned up the drawPage() code a little

Browse source
This commit is contained in:
Bala Clark 2010-07-07 13:21:52 +01:00
parent d87ada2ac8
commit 3fc9bdce02
1 changed files with 12 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

29
scripts.js
View file

@ -127,34 +127,25 @@ function ComicBook() {
zoom_scale = (window.innerWidth > width) zoom_scale = (window.innerWidth > width)
? ((window.innerWidth - width) / window.innerWidth) + 1 // scale up if the window is wider than the page ? ((window.innerWidth - width) / window.innerWidth) + 1 // scale up if the window is wider than the page
: window.innerWidth / width; // scale down if the window is narrower than the page : window.innerWidth / width; // scale down if the window is narrower than the page
break; break;
default: throw "invalid zoomMode"; default: throw "invalid zoomMode";
} }
// set the page dimensions based on scale var canvas_width = page.width * zoom_scale;
width = page.width * zoom_scale; var canvas_height = page.height * zoom_scale;
height = page.height * zoom_scale;
var page_width = (zoomMode == "manual") ? page.width * scale : canvas_width;
var page_height = (zoomMode == "manual") ? page.height * scale : canvas_height;
// make sure the canvas is always at least full screen, even if the page is more narrow than the screen // make sure the canvas is always at least full screen, even if the page is more narrow than the screen
canvas.width = (width < window.innerWidth) ? window.innerWidth : width; canvas.width = (canvas_width < window.innerWidth) ? window.innerWidth : canvas_width;
canvas.height = (height < window.innerHeight) ? window.innerHeight : height; canvas.height = (canvas_height < window.innerHeight) ? window.innerHeight : canvas_height;
// draw the page // draw the page(s)
if (zoomMode == "manual") { context.drawImage(page, 0, 0, page_width, page_height);
if (displayMode == "double" && typeof page2 == "object") context.drawImage(page2, page_width, 0, page_width, page_height);
var page_width = page.width * scale
var page_height = page.height * scale;
context.drawImage(page, 0, 0, page_width, page_height);
if (displayMode == "double" && typeof page2 == "object") context.drawImage(page2, page_width, 0, page_width, page_height);
}
// draw page with scaled dimensions in dynamic display modes
else {
context.drawImage(page, 0, 0, width, height);
if (displayMode == "double" && typeof page2 == "object") context.drawImage(page2, width, 0, width, height);
}
} }
/** /**