Skip to content

Canvas image resize/resample using Hermite filter with JavaScript.

Notifications You must be signed in to change notification settings

viliusle/Hermite-resize

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hermite-resize

Fast canvas image resize/resample using Hermite filter with JavaScript. Supports transparency, gives good quality. Library was created for canvas manipulation, but it also can resize HTML images.

Uses web workers with transferable objects. Also single core version is supported.

Install with NPM:

npm install https://github.com/viliusle/Hermite-resize.git

Usage with NPM:

import Hermite_class from 'hermite-resize';
var HERMITE = new Hermite_class();

Usage:

<script src="../dist/hermite.js"></script>
<script>
var HERMITE = new Hermite_class();
//default resize
HERMITE.resample(canvas, width, height);
//more options
HERMITE.resample(canvas, width, height, true, finish_handler); //true=resize canvas
//single core
HERMITE.resample_single(canvas, width, height);

//resize image to 300x100
HERMITE.resize_image('image_id', 300, 100);
//resize image to 50%
HERMITE.resize_image('image_id', null, null, 50);
</script>

Version 1.0

Single core version - stable. Multi core version - experimental.

Build instructions