Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lecepin/rust-wasm-image-ascii
Rust Wasm 图片转 ASCII 艺术。支持多种图片格式，支持输出多种类型的 ASCII 艺术图。
https://github.com/lecepin/rust-wasm-image-ascii
rust wasm
Last synced: 4 days ago
JSON representation
Rust Wasm 图片转 ASCII 艺术。支持多种图片格式，支持输出多种类型的 ASCII 艺术图。
- Host: GitHub
- URL: https://github.com/lecepin/rust-wasm-image-ascii
- Owner: lecepin
- Created: 2022-08-16T13:59:45.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2022-08-18T04:57:19.000Z (about 2 years ago)
- Last Synced: 2024-08-03T20:05:50.695Z (3 months ago)
- Topics: rust, wasm
- Language: Rust
- Homepage: https://lecepin.github.io/rust-wasm-image-ascii/
- Size: 1.35 MB
- Stars: 37
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rust wasm image to ascii
```
██████████████████████████████████████████████████
████████████████████ ██████████████████████████
███████████████████ █ █████████████████████████
██████████████████ █████ ███████████████████████
█████████████████ █████ █████████████████████
████████████████ █████ █ ███████████████████
██████████████ █████ █ ██ ████████████████
████████████ ███ █ ██████ ███████████████
███████████ █ ██ █ ██████ █ ██████████████
██████████ ██ █ ██ █████ ███ █████████████
██████████ ███ ████ ███████████
█████████ █ █████ ███ █ ███████████
█████████ █ █ ██ ███ █ ████████████
██████████ ███ █ ███████ █ █████████████
████████ █ █ █ ██ ██████████████
███████ █ █ ███ ████ ███████████████
██████ ██ ███ ███████████ █████████████████
██████ █ █ ████ ████████████████
██████ ██ ███████████████
██████ █████ ██████████████
█████ ███████████████
██████ ███ █ 心中有光 ████████████████
███████ █ ██████████████████
███████████ ██████████████████
███████████████ ████████████████████
███████████████ ███████████████████
███████████ ██████████████████
█████████ ██ █████████████████
████████ ███████████████
████████ ███████ ██ ██████████████
███████ ██████████ ████████████
██████ █████████████ ████████████
████ ██ ███████████████ ██ █████████
███ ██████████████████████ █ ███████████
██████████████████████████████████████████████████
██████████████████████████████████████████████████
```
### 灰度算法
灰度算法对比：
[https://lecepin.github.io/rust-wasm-image-ascii/gray.html](https://lecepin.github.io/rust-wasm-image-ascii/gray.html)
这里直接使用的 `image` crate 的内置算法，上图中的第三种：
```rust
// luminance formula credits: https://stackoverflow.com/a/596243
// >>> Luminance = 0.2126*R + 0.7152*G + 0.0722*B <<<
// calculate RGB values to get luminance of the pixel
pub fn get_luminance(r: u8, g: u8, b: u8) -> f32 {
let r = 0.2126 * (r as f32);
let g = 0.7152 * (g as f32);
let b = 0.0722 * (b as f32);
r + g + b
}
```
### 简单版本
简单版本只做了一种效果，访问地址： [https://lecepin.github.io/rust-wasm-image-ascii/test.html](https://lecepin.github.io/rust-wasm-image-ascii/test.html)
### Tai 版本
看到一个支持 ASCII 种类挺多的 Rust 项目 https://github.com/MustafaSalih1993/tai ，于是将这个项目的 IO 部分进行了修改，适配 WASM 进行了编译处理。
## 安装&使用
```html
import initWasm, {
get_gray_image,
get_ascii_by_image,
get_ascii_by_image_tai,
} from "./pkg/rust_wasm_image_ascii.js";
initWasm()
.then(() => {});
```
可以直接使用仓库中 `pkg/` 目录中的文件，也可以使用 upkg 的资源 https://unpkg.com/browse/rust-wasm-image-ascii/ ，也可以 `npm install rust-wasm-image-ascii` 使用。
接口描述参考这里：[pkg/rust_wasm_image_ascii.d.ts](./pkg/rust_wasm_image_ascii.d.ts)