https://github.com/raphamorim/canvas-filter-tools
filter tools powered by wasm and canvas
https://github.com/raphamorim/canvas-filter-tools
Last synced: 5 months ago
JSON representation
filter tools powered by wasm and canvas
- Host: GitHub
- URL: https://github.com/raphamorim/canvas-filter-tools
- Owner: raphamorim
- Created: 2018-11-07T19:09:02.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-03-05T17:27:05.000Z (over 3 years ago)
- Last Synced: 2025-06-03T14:15:47.049Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 2.97 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Canvas Image Filter
[See it working on the demo](http://raphamorim.io/canvas-filter-tools/)
```jsx
import filter, { blackAndWhite } from 'canvas-image-filter';
const image = document.querySelector('#image');
image.src = filter(image, blackAndWhite); // image base64
```
```jsx
import filter from 'canvas-image-filter/wasm'; // powered by WebAssembly and Rust
import { sepia } from 'canvas-image-filter';
const image = document.querySelector('#image');
image.src = wasmFilter(image, blackAndWhite); // image base64
```
# Built-in Filters
- BlackAndWhite
- Sepia
- Raphael
- Francis
- Benjamin