Cutlery/calibre
1
0
Fork 0
mirror of https://github.com/kovidgoyal/calibre.git synced 2025-06-23 15:30:45 -04:00
Code Issues Packages Projects Releases Wiki Activity

E-book viewer: More sophisticated algorithm to resize images to fit viewer window. Should preserve aspect ratio in more cases

Browse Source
This commit is contained in:
Kovid Goyal 2010-11-24 10:12:54 -07:00
parent 31ad3bd1bb
commit 5ac83c9741
1 changed files with 31 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
resources/viewer/images.js
View File

@ -7,13 +7,42 @@
function scale_images() { function scale_images() {
$("img:visible").each(function() { $("img:visible").each(function() {
var offset = $(this).offset(); var offset = $(this).offset();
var avail_width = window.innerWidth - offset.left - 5;
var avail_height = window.innerHeight - 5;
var img = $(this);
img.css('width', img.data('orig-width'));
img.css('height', img.data('orig-height'));
var width = img.width();
var height = img.height();
var ratio = 0;
if (width > avail_width) {
ratio = avail_width / width;
img.css('width', avail_width+'px');
img.css('height', (ratio*height) + 'px');
height = height * ratio;
width = width * ratio;
}
if (height > avail_height) {
ratio = avail_height / height;
img.css('height', avail_height);
img.css('width', width * ratio);
}
//window.py_bridge.debug(window.getComputedStyle(this, '').getPropertyValue('max-width')); //window.py_bridge.debug(window.getComputedStyle(this, '').getPropertyValue('max-width'));
$(this).css("max-width", (window.innerWidth-offset.left-5)+"px"); });
$(this).css("max-height", (window.innerHeight-5)+"px"); }
function store_original_size_attributes() {
$("img").each(function() {
var img = $(this);
img.data('orig-width', img.css('width'));
img.data('orig-height', img.css('height'));
}); });
} }
function setup_image_scaling_handlers() { function setup_image_scaling_handlers() {
store_original_size_attributes();
scale_images(); scale_images();
$(window).resize(function(){ $(window).resize(function(){
scale_images(); scale_images();