https://github.com/xg4/pixel

:space_invader: Magic pixel
https://github.com/xg4/pixel

Last synced: 3 months ago
JSON representation

:space_invader: Magic pixel

• Host: GitHub
• URL: https://github.com/xg4/pixel
• Owner: xg4
• License: mit
• Created: 2019-05-21T10:06:15.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-10-18T05:45:53.000Z (over 1 year ago)
• Last Synced: 2025-03-28T18:50:35.895Z (4 months ago)
• Language: TypeScript
• Homepage: https://pixel2.vercel.app/
• Size: 1.89 MB
• Stars: 4
• Watchers: 0
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Pixel

> micro pixel

[![Build Status](https://www.travis-ci.com/xg4/pixel.svg?branch=master)](https://www.travis-ci.com/xg4/pixel)

[![npm](https://img.shields.io/npm/v/@xg4/pixel.svg)](https://www.npmjs.com/package/@xg4/pixel)

[![GitHub](https://img.shields.io/github/license/xg4/pixel.svg)](https://github.com/xg4/pixel/blob/master/LICENSE)

## Installation

### Install with npm or Yarn

```bash

# npm

$ npm install @xg4/pixel --save

```

```bash

# yarn

$ yarn add @xg4/pixel

```

## Usage

```js

import px from '@xg4/pixel'

const data = image // ImageElement or ImageData or CanvasElement

px(data).blur() // return ImageData

px(data).mirror() // return ImageData

```

### Constructor

```ts

px(data: Pixel | ImageData | HTMLImageElement | HTMLVideoElement | HTMLCanvasElement): Pixel

```

### Instance 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