Asciify
柔和的镜片跟随指针，将下方页面重绘为 ASCII 字符。移动指针即可体验，本页就是演示。
html-in-canvas
演示图片
Move your cursor over the photo to see how it reads as ascii characters.
安装
本地演示保留原有效果，背景替换为 LeiBox 选定的画面。
查看原作者 ↗代码
源码与许可说明请查看原作者页面。
查看原作者 ↗API 参考
| 属性 | 类型 | 默认值 |
|---|---|---|
radius指针周围 ASCII 镜片的半径，相对于屏幕高度。 | number | 0.4 |
softness镜片边缘羽化宽度，相对于半径的比例（0 至 1）。 | number | 1 |
scale单个字形像素的 CSS 像素尺寸。字符由 5×5 个字形像素构成。 | number | 2 |
spacing每个字符周围的空白字形像素数（0 至 3）。 | number | 1 |
charset内置字符梯度：真实 ASCII 字符、阴影方块或二进制数字。 | "ascii" | "blocks" | "binary" | "ascii" |
glyphs从暗到亮排列的自定义 5×5 位图梯度，覆盖 charset。 | number[] | [] |
background字形后方的底色，使用 0 至 1 范围的 [r, g, b]，或设为 auto 匹配页面背景。 | [number, number, number] | "auto" | [0, 0, 0] |
backgroundOpacity字形后方背景的不透明度（0 至 1）。 | number | 0 |
contrast选择字形前应用到字符密度的对比度。 | number | 1 |
brightness选择字形前应用的密度偏移（-1 至 1）。 | number | 0 |
invert效果区域中的字符密度反转程度（0 至 1）。 | number | 0 |
strength镜片内 ASCII 单元的覆盖比例（0 至 1）。 | number | 1 |
baseStrength镜片外整个屏幕的 ASCII 覆盖比例（0 至 1）。 | number | 0 |
followSpeed镜片跟随指针的速度。值越高，响应越直接。 | number | 3 |
glow文字像素周围柔和的荧光强度（0 至 1）。 | number | 0.75 |
aberration朝镜片边缘增加的柔和色差（0 至 1）。 | number | 0.75 |