Pixel
micro pixel
Installation
Install with npm or Yarn
# npm
$ npm install @xg4/pixel --save# yarn
$ yarn add @xg4/pixelUsage
import px from '@xg4/pixel'
const data = image // ImageElement or ImageData or CanvasElement
px(data).blur() // return ImageData
px(data).mirror() // return ImageDataConstructor
px(data: Pixel | ImageData | HTMLImageElement | HTMLVideoElement | HTMLCanvasElement): PixelInstance Methods
| name | description | return |
|---|---|---|
| clone | 克隆一个 Pixel 对象 | Pixel |
| toDataURL(type?: string, quality?: any) | 生成 base64 url | string |
| toBlobURL(type?: string, quality?: any) | 生成 blob url | Promise |
| download(options?: DownloadOptions) | 下载当前像素 | Promise |
| origin | 原始效果 | ImageData |
| shuffle | 乱序效果 | ImageData |
| relief | 浮雕效果 | ImageData |
| blur | 模糊效果 | ImageData |
| mirror | 镜像效果 | ImageData |
| casting | 熔铸效果 | ImageData |
| comic | 连环画效果 | ImageData |
| adjust | 灰色调效果 | ImageData |
| nostalgia | 怀旧效果 | ImageData |
| brightness(value?: number) | 调整亮度 | ImageData |
| contrast(value?: number) | 调整对比度 | ImageData |
| invert | 反向颜色效果 | ImageData |
| grayscale | 灰度|黑白照效果 | ImageData |
Contributing
Welcome
-
Fork it
-
Submit pull request
LICENSE
MIT