viliusle / Hermite Resize
Licence: other
Canvas image resize/resample using Hermite filter with JavaScript.
Stars: ✭ 246
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Hermite Resize
Go Space Chat
【孤单Lonely】基于Golang/WebSocket/Canvas/Protobuf 的聊天室
Stars: ✭ 228 (-7.32%)
Mutual labels: canvas
Picasso
Picasso is a high quality 2D vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
Stars: ✭ 205 (-16.67%)
Mutual labels: canvas
Easy Canvas
使用render函数在canvas中创建文档流布局,小程序海报图、小程序朋友圈分享图。easy-canvas is a powerful tool helps us easy to layout with canvas.
Stars: ✭ 216 (-12.2%)
Mutual labels: canvas
One Html Page Challenge
Can you create something cool without modern tools?
Stars: ✭ 205 (-16.67%)
Mutual labels: canvas
React Grid Layout
A draggable and resizable grid layout with responsive breakpoints, for React.
Stars: ✭ 14,732 (+5888.62%)
Mutual labels: resize
Wear A Mask
😷 An SPA that uses only the front-end to perform deep-learning-based facial landmark detection on images and automatically adds breathing mask stickers.
Stars: ✭ 226 (-8.13%)
Mutual labels: canvas
Flvplayer
🍭 FlvPlayer.js is a JavaScript player for decode flv to the canvas
Stars: ✭ 210 (-14.63%)
Mutual labels: canvas
Canvas2dtowebgl
Ports (almost) all Canvas2D functions to the GPU so it can be mixed with a WebGL canvas.
Stars: ✭ 206 (-16.26%)
Mutual labels: canvas
Ui
Open source wireframing tool written in typescript, react and redux.
Stars: ✭ 218 (-11.38%)
Mutual labels: canvas
Ol3echarts
🌏 📊 ol3Echarts | a openlayers extension to echarts
Stars: ✭ 229 (-6.91%)
Mutual labels: canvas
Pica
Resize image in browser with high quality and high speed
Stars: ✭ 2,900 (+1078.86%)
Mutual labels: resize
Ccapture.js
A library to capture canvas-based animations at a fixed framerate
Stars: ✭ 2,836 (+1052.85%)
Mutual labels: canvas
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>
- demo file included:
test/demo.html
- single core demo - http://jsfiddle.net/9g9Nv/460/
Version 1.0
Single core version - stable. Multi core version - experimental.
Build instructions
- git clone https://github.com/viliusle/Hermite-resize.git
- cd Hermite-resize
- npm install
- edit files...
- npm run build (build for production)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].