https://github.com/yewomhango/imageblurjs
Browser-based image blurring
https://github.com/yewomhango/imageblurjs
algorithm blur blurring boxblur javascript rust rust-lang stackblur wasm webassembly webworker webworkers
Last synced: 3 days ago
JSON representation
Browser-based image blurring
- Host: GitHub
- URL: https://github.com/yewomhango/imageblurjs
- Owner: YewoMhango
- Created: 2021-03-20T16:58:02.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-06-06T07:02:26.000Z (about 2 years ago)
- Last Synced: 2025-04-01T06:41:18.855Z (3 months ago)
- Topics: algorithm, blur, blurring, boxblur, javascript, rust, rust-lang, stackblur, wasm, webassembly, webworker, webworkers
- Language: JavaScript
- Homepage: https://yewomhango.github.io/imageBlurJS
- Size: 500 KB
- Stars: 9
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fast Image Blurring with Javascript
This is a simple, browser-based image blurring program with all the processing done purely in client-side Javascript and WebAssembly. For further reading on how the algorithms work, refer to the [references](#references).
## Usage
You can check out a live version [here](https://yewomhango.github.io/imageBlurJS)
1. Click on `Load an Image` to load an image
2. Select one of the algorithms.
3. Move the slider to change the blur radius and see the resulting image
4. You can change the radius multiple times and switch between different algorithms to compare
5. You can download the blurred image by clicking on the button that appears at its top-right corner when you hover on it
## Concepts Used
- WebAssembly
- Web Workers (multithreading)
## References
1. [How to Blur an Image on Android](https://medium.com/mobile-app-development-publication/blurring-image-algorithm-example-in-android-cec81911cd5e)
2. [Stackblur (2004)](https://underdestruction.com/2004/02/25/stackblur-2004/)
3. [Stackblur and Quadratic Stackblur](https://observablehq.com/@jobleonard/mario-klingemans-stackblur)
4. [Fastest Gaussian Blur](http://blog.ivank.net/fastest-gaussian-blur.html)