mirror of
https://github.com/pdf2htmlEX/pdf2htmlEX.git
synced 2024-07-03 08:38:39 +00:00
disable js zoom
This commit is contained in:
parent
b6ac8eb8f0
commit
baddd64c2f
|
@ -10,166 +10,202 @@
|
||||||
* Copyright 2012 Lu Wang <coolwanglu@gmail.com>
|
* Copyright 2012 Lu Wang <coolwanglu@gmail.com>
|
||||||
*/
|
*/
|
||||||
|
|
||||||
var pdf2htmlEX = {
|
var pdf2htmlEX = (function(){
|
||||||
pages : [],
|
var EPS = 1e-6;
|
||||||
page_boxes : [],
|
var Page = function(page, box, visible) {
|
||||||
container : null,
|
this.p = page;
|
||||||
selective_render_timer : null,
|
this.b = box;
|
||||||
default_scale_ratio : 1.0,
|
this.v = visible;
|
||||||
cur_scale_ratio : 1.0,
|
/*
|
||||||
|
* scale ratios
|
||||||
/* Constants */
|
*
|
||||||
render_timeout : 200,
|
* default_r : the first one
|
||||||
scale_step : 0.9,
|
* set_r : last set
|
||||||
|
* cur_r : currently using
|
||||||
init_before_loading_content : function() {
|
|
||||||
/*hide all pages before loading, will reveal only visible ones later */
|
|
||||||
this.pre_hide_pages();
|
|
||||||
},
|
|
||||||
|
|
||||||
init_after_loading_content : function() {
|
|
||||||
this.pages = $(".p");
|
|
||||||
this.page_boxes = $(".b");
|
|
||||||
this.container = $("#pdf-main");
|
|
||||||
|
|
||||||
if(this.pages.length > 0)
|
|
||||||
{
|
|
||||||
this.default_scale_ratio = this.cur_scale_ratio
|
|
||||||
= $(this.pages[0]).height() / $(this.page_boxes[0]).height();
|
|
||||||
}
|
|
||||||
|
|
||||||
this.selective_render();
|
|
||||||
|
|
||||||
var _ = this;
|
|
||||||
this.container.scroll(function(){ _.schedule_render(); });
|
|
||||||
this.zoom_fixer();
|
|
||||||
},
|
|
||||||
|
|
||||||
init : function() {
|
|
||||||
this.init_before_loading_content();
|
|
||||||
|
|
||||||
var _ = this;
|
|
||||||
$(document).ready(function(){_.init_after_loading_content();});
|
|
||||||
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
|
|
||||||
pre_hide_pages : function() {
|
|
||||||
/* pages might have not been loaded yet, so add a CSS rule */
|
|
||||||
var s = '.b{display:none;}';
|
|
||||||
var n = document.createElement("style");
|
|
||||||
n.type = "text/css";
|
|
||||||
if (n.styleSheet) {
|
|
||||||
n.styleSheet.cssText = s;
|
|
||||||
} else {
|
|
||||||
n.appendChild(document.createTextNode(s));
|
|
||||||
}
|
|
||||||
document.getElementsByTagName("head")[0].appendChild(n);
|
|
||||||
},
|
|
||||||
|
|
||||||
hide_pages : function() {
|
|
||||||
for(var i = 0, l = this.page_boxes.length; i < l; ++i)
|
|
||||||
{
|
|
||||||
$(this.page_boxes[i]).hide();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
selective_render : function () {
|
|
||||||
/* hide (positional) invisible pages */
|
|
||||||
var l = this.pages.length;
|
|
||||||
var ch = this.container.height();
|
|
||||||
|
|
||||||
var i;
|
|
||||||
for(i = 0; i < l; ++i) {
|
|
||||||
var cur_page = $(this.pages[i]);
|
|
||||||
|
|
||||||
if(cur_page.offset().top + cur_page.height() >= 0) break;
|
|
||||||
if(i > 0) $(this.page_boxes[i-1]).hide();
|
|
||||||
}
|
|
||||||
|
|
||||||
if((i > 0) && (i < l)) $(this.page_boxes[i-1]).show();
|
|
||||||
|
|
||||||
for(; i < l; ++i) {
|
|
||||||
$(this.page_boxes[i]).show();
|
|
||||||
|
|
||||||
if($(this.pages[i]).offset().top > ch) break;
|
|
||||||
}
|
|
||||||
|
|
||||||
for(++i; i < l; ++i) {
|
|
||||||
$(this.page_boxes[i]).hide();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
schedule_render : function() {
|
|
||||||
if(this.selective_render_timer)
|
|
||||||
clearTimeout(this.selective_render_timer);
|
|
||||||
|
|
||||||
var _ = this;
|
|
||||||
this.selective_render_timer = setTimeout(function () {
|
|
||||||
_.selective_render();
|
|
||||||
}, this.render_timeout);
|
|
||||||
},
|
|
||||||
|
|
||||||
zoom_fixer : function () {
|
|
||||||
/*
|
|
||||||
* When user try to zoom in/out using ctrl + +/- or mouse wheel
|
|
||||||
* handle this and prevent the default behaviours
|
|
||||||
*
|
|
||||||
* Code credit to PDF.js
|
|
||||||
*/
|
*/
|
||||||
var _ = this;
|
this.default_r = this.set_r = this.cur_r = page.height() / box.height();
|
||||||
// Firefox specific event, so that we can prevent browser from zooming
|
};
|
||||||
$(window).on('DOMMouseScroll', function(e) {
|
Page.prototype.hide = function(){
|
||||||
if (e.ctrlKey) {
|
if(this.v) {
|
||||||
e.preventDefault();
|
this.v = false;
|
||||||
_.rescale(Math.pow(_.scale_step, e.detail), true);
|
this.b.hide();
|
||||||
}
|
}
|
||||||
});
|
};
|
||||||
|
Page.prototype.show = function(){
|
||||||
$(window).on('keydown', function keydown(e) {
|
if(Math.abs(this.set_r - this.cur_r) > EPS) {
|
||||||
if (e.ctrlKey || e.metaKey) {
|
this.cur_r = this.set_r;
|
||||||
switch (e.keyCode) {
|
this.b.css('transform', 'scale('+this.cur_r.toFixed(3)+')');
|
||||||
case 61: // FF/Mac '='
|
}
|
||||||
case 107: // FF '+' and '='
|
if(!(this.v)) {
|
||||||
case 187: // Chrome '+'
|
this.v = true;
|
||||||
_.rescale(1.0 / _.scale_step, true);
|
this.b.show();
|
||||||
break;
|
}
|
||||||
case 173: // FF/Mac '-'
|
};
|
||||||
case 109: // FF '-'
|
Page.prototype.rescale = function(ratio, is_relative) {
|
||||||
case 189: // Chrome '-'
|
if(ratio == 0) {
|
||||||
_.rescale(_.scale_step, true);
|
this.set_r = this.default_r;
|
||||||
break;
|
} else if (is_relative) {
|
||||||
case 48: // '0'
|
this.set_r *= ratio;
|
||||||
_.rescale(_.default_scale_ratio, false);
|
} else {
|
||||||
break;
|
this.set_r = ratio;
|
||||||
default:
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
rescale : function (ratio, is_relative) {
|
|
||||||
console.log('RESCALE');
|
|
||||||
|
|
||||||
if(is_relative)
|
|
||||||
ratio *= this.cur_scale_ratio;
|
|
||||||
|
|
||||||
this.cur_scale_ratio = ratio;
|
|
||||||
this.hide_pages();
|
|
||||||
|
|
||||||
for(var i = 0, l = this.page_boxes.length; i < l; ++i)
|
|
||||||
{
|
|
||||||
var p = $(this.pages[i]);
|
|
||||||
var pb = $(this.page_boxes[i]);
|
|
||||||
p.height(pb.height() * ratio);
|
|
||||||
p.width(pb.width() * ratio);
|
|
||||||
pb.css('transform', 'scale('+ratio.toFixed(3)+')');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
this.schedule_render();
|
/* wait for redraw */
|
||||||
},
|
this.hide();
|
||||||
|
|
||||||
__last_member__ : 'no comma' /*,*/
|
this.p.height(this.b.height() * this.set_r);
|
||||||
}.init();
|
this.p.width(this.b.width() * this.set_r);
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
return {
|
||||||
|
pages : [],
|
||||||
|
container : null,
|
||||||
|
render_timer : null,
|
||||||
|
|
||||||
|
/* Constants */
|
||||||
|
render_timeout : 200,
|
||||||
|
scale_step : 0.9,
|
||||||
|
|
||||||
|
init_before_loading_content : function() {
|
||||||
|
/*hide all pages before loading, will reveal only visible ones later */
|
||||||
|
this.pre_hide_pages();
|
||||||
|
},
|
||||||
|
|
||||||
|
init_after_loading_content : function() {
|
||||||
|
this.container = $("#pdf-main");
|
||||||
|
|
||||||
|
var new_pages = new Array();
|
||||||
|
var pl= $(".p");
|
||||||
|
var pbl = $(".b");
|
||||||
|
for(var i = 0, l = pl.length; i < l; ++i) {
|
||||||
|
new_pages.push(new Page($(pl[i]), $(pbl[i]), false));
|
||||||
|
}
|
||||||
|
this.pages = new_pages;
|
||||||
|
|
||||||
|
var _ = this;
|
||||||
|
this.container.scroll(function(){ _.schedule_render(); });
|
||||||
|
|
||||||
|
//this.zoom_fixer();
|
||||||
|
|
||||||
|
this.render();
|
||||||
|
},
|
||||||
|
|
||||||
|
init : function() {
|
||||||
|
this.init_before_loading_content();
|
||||||
|
|
||||||
|
var _ = this;
|
||||||
|
$(document).ready(function(){_.init_after_loading_content();});
|
||||||
|
|
||||||
|
return this;
|
||||||
|
},
|
||||||
|
|
||||||
|
pre_hide_pages : function() {
|
||||||
|
/* pages might have not been loaded yet, so add a CSS rule */
|
||||||
|
var s = '.b{display:none;}';
|
||||||
|
var n = document.createElement("style");
|
||||||
|
n.type = "text/css";
|
||||||
|
if (n.styleSheet) {
|
||||||
|
n.styleSheet.cssText = s;
|
||||||
|
} else {
|
||||||
|
n.appendChild(document.createTextNode(s));
|
||||||
|
}
|
||||||
|
document.getElementsByTagName("head")[0].appendChild(n);
|
||||||
|
},
|
||||||
|
|
||||||
|
hide_pages : function() {
|
||||||
|
var pl = this.pages;
|
||||||
|
for(var i = 0, l = pl.length; i < l; ++i)
|
||||||
|
pl[i].hide();
|
||||||
|
},
|
||||||
|
|
||||||
|
render : function () {
|
||||||
|
/* hide (positional) invisible pages */
|
||||||
|
var pl = this.pages;
|
||||||
|
var l = pl.length;
|
||||||
|
var ch = this.container.height();
|
||||||
|
|
||||||
|
var i;
|
||||||
|
for(i = 0; i < l; ++i) {
|
||||||
|
var p = pl[i];
|
||||||
|
|
||||||
|
if(p.p.offset().top + p.p.height() >= 0) break;
|
||||||
|
if(i > 0) pl[i-1].hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
if((i > 0) && (i < l)) pl[i-1].show();
|
||||||
|
|
||||||
|
for(; i < l; ++i) {
|
||||||
|
var p = pl[i];
|
||||||
|
p.show();
|
||||||
|
|
||||||
|
if(p.p.offset().top > ch) break;
|
||||||
|
}
|
||||||
|
|
||||||
|
for(++i; i < l; ++i) {
|
||||||
|
pl[i].hide();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
schedule_render : function() {
|
||||||
|
if(this.render_timer)
|
||||||
|
clearTimeout(this.render_timer);
|
||||||
|
|
||||||
|
var _ = this;
|
||||||
|
this.render_timer = setTimeout(function () {
|
||||||
|
_.render();
|
||||||
|
}, this.render_timeout);
|
||||||
|
},
|
||||||
|
|
||||||
|
zoom_fixer : function () {
|
||||||
|
/*
|
||||||
|
* When user try to zoom in/out using ctrl + +/- or mouse wheel
|
||||||
|
* handle this and prevent the default behaviours
|
||||||
|
*
|
||||||
|
* Code credit to PDF.js
|
||||||
|
*/
|
||||||
|
var _ = this;
|
||||||
|
// Firefox specific event, so that we can prevent browser from zooming
|
||||||
|
$(window).on('DOMMouseScroll', function(e) {
|
||||||
|
if (e.ctrlKey) {
|
||||||
|
e.preventDefault();
|
||||||
|
_.rescale(Math.pow(_.scale_step, e.detail), true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$(window).on('keydown', function keydown(e) {
|
||||||
|
if (e.ctrlKey || e.metaKey) {
|
||||||
|
switch (e.keyCode) {
|
||||||
|
case 61: // FF/Mac '='
|
||||||
|
case 107: // FF '+' and '='
|
||||||
|
case 187: // Chrome '+'
|
||||||
|
_.rescale(1.0 / _.scale_step, true);
|
||||||
|
break;
|
||||||
|
case 173: // FF/Mac '-'
|
||||||
|
case 109: // FF '-'
|
||||||
|
case 189: // Chrome '-'
|
||||||
|
_.rescale(_.scale_step, true);
|
||||||
|
break;
|
||||||
|
case 48: // '0'
|
||||||
|
_.rescale(0, false);
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
rescale : function (ratio, is_relative) {
|
||||||
|
var pl = this.pages;
|
||||||
|
for(var i = 0, l = pl.length; i < l; ++i) {
|
||||||
|
pl[i].rescale(ratio, is_relative);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.schedule_render();
|
||||||
|
},
|
||||||
|
|
||||||
|
__last_member__ : 'no comma' /*,*/
|
||||||
|
}.init();
|
||||||
|
})();
|
||||||
|
|
Loading…
Reference in New Issue
Block a user