eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-11 19:00:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

resize before loading previews (#1180)

Browse Source 
* resize before loading previews

* min resize percentage calculated
This commit is contained in:
aashna27
2019-07-22 08:54:48 +07:00
committed by Jeffrey Warren
parent 9464522017
commit 0db0943358
1 changed files with 26 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
examples/lib/insertPreview.js
View File

@@ -23,7 +23,10 @@ function generatePreview(previewStepName, customValues, path, selector) {
previewSequencer.addSteps(previewStepName, { [previewStepName]: customValues }).run(insertPreview); previewSequencer.addSteps(previewStepName, { [previewStepName]: customValues }).run(insertPreview);
} }
} }
previewSequencer.loadImage(path, loadPreview); if(previewStepName === 'resize')
insertPreview(path);
else
previewSequencer.loadImage(path, loadPreview);
} }
function updatePreviews(src, selector) { function updatePreviews(src, selector) {
@@ -44,11 +47,30 @@ function updatePreviews(src, selector) {
} }
}; };
Object.keys(previewSequencerSteps).forEach(function (step, index) { var img = new Image();
generatePreview(step, Object.values(previewSequencerSteps)[index], src, selector); img.onload = function(){
}); var height = img.height;
var width = img.width;
let percentage = (80 / height) * 100; //take the min resize value that fits the preview area => (new-width/orig_ht) - '80 as the preview area has 80*80 dimension
percentage = Math.max((80 / width) * 100, percentage); // make sure that one dimension doesn't resize greater, leading distorting preview-area fitting
percentage = Math.ceil(percentage);
var sequencer = ImageSequencer();
sequencer.loadImage(src, function(){
this.addSteps('resize', {['resize']: percentage + '%'});
this.run((src)=>{
Object.keys(previewSequencerSteps).forEach(function (step, index) {
generatePreview(step, Object.values(previewSequencerSteps)[index], src, selector);
});
});
});
};
img.src = src;
} }
module.exports = { module.exports = {
generatePreview : generatePreview, generatePreview : generatePreview,
updatePreviews : updatePreviews updatePreviews : updatePreviews