Scanline

一个轻量的网页扫描效果工具，在浏览器中模拟扫描仪光束扫过图像的实时动画。支持方向、速度、色彩模式与图层混合等参数调节。

特性

• 横向 / 纵向扫描方向切换
• 扫描速度实时调节
• 彩色模式与复印（单色）模式
• 图层替换 / 叠加模式，支持变暗、正片叠底、滤色等混合效果
• 噪点 / 颗粒强度调节
• 纯前端实现，无需后端

环境要求

• 现代浏览器（Chrome、Firefox、Edge、Safari）
• 支持 HTML5 Canvas

快速开始

1. 克隆仓库

git clone https://github.com/your-username/scanline.git
cd scanline

2. 运行

直接在浏览器中打开 index.html：

# Windows
start index.html

# macOS
open index.html

# Linux
xdg-open index.html

或使用任意本地静态服务器：

npx serve .
# 或
python -m http.server 8080

项目结构

scanline/
├── index.html          # 主页面
├── style.css           # 样式
├── script.js           # 核心逻辑（Canvas 渲染与扫描动画）
├── scanner-mascot.png  # 项目图标
└── LICENSE             # MIT 许可证

贡献指南

欢迎提交 Issue 和 Pull Request！

1. Fork 本仓库
2. 创建你的功能分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 打开一个 Pull Request

如有问题，可通过 GitHub Issues 联系。

许可证

本项目基于 MIT 许可证 开源。

Copyright (c) 2026