# LightPrint

**Repository Path**: sunmoom/light-print

## Basic Information

- **Project Name**: LightPrint
- **Description**: 徽章，吧唧网页版便捷模板，快速调整图片位置，可以直接打印到A4纸
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-06
- **Last Updated**: 2025-05-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 轻印 (LightPrint)
一个简单优雅的**徽章/吧唧**打印便捷编辑图片展示工具，适配A4纸打印设计。通过这个工具，您可以轻松地在网页上排版和调整图片，然后以完美的布局打印出来。

## 功能特点
- 🖼️ 支持8张图片的2x4网格布局
- 🔄 图片可自由调整位置、旋转和缩放
- 🖨️ 完美适配A4纸张打印
- 💫 优雅的小清新界面设计
- 🎯 简单直观的操作方式

## 使用说明
1. **上传图片**
   - 点击空白圆框上传图片
   - 双击已有图片可替换图片

2. **图片调整**
   - W/A/S/D：上/左/下/右移动图片
   - Q/E：逆/顺时针旋转图片
   - 1/2：缩小/放大图片
   - R：重置图片到初始状态

3. **打印**
   - 点击右上角打印按钮
   - 选择A4纸张大小
   - 建议使用无边距打印以获得最佳效果


## 技术特点
- 纯前端实现，无需后端服务
- 响应式设计，完美适配A4纸张
- 使用HTML5 File API实现本地图片处理
- 优雅的动画过渡效果

## 浏览器支持
- Chrome（推荐）
- Firefox
- Edge

## 本地使用

1. 下载项目文件
2. 直接在浏览器中打开index.html/ index-cyberpunk.html(赛博朋克版)
3. 开始使用！

## 效果展示

![cyberpunk风格效果图](assets/cyberpunk.png)
![light风格效果图](assets/linght.png)

<video width="100%" controls>
  <source src="assets/demo.mp4" type="video/mp4">
  您的浏览器不支持HTML5视频
</video>

## 注意事项

- 建议使用高清图片以获得最佳打印效果
- 打印时请选择A4纸张大小
- 为保证最佳效果，建议使用Chrome浏览器