# online-tools

**Repository Path**: cyj000/online-tools

## Basic Information

- **Project Name**: online-tools
- **Description**: 开发小工具
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-13
- **Last Updated**: 2026-03-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 在线工具箱

一个简单实用的在线工具集合，支持自定义街霸风格背景。

## 🌐 在线访问

项目已部署到腾讯云CloudBase，在线访问地址：

https://jiusan-4g75hm6qf025c0c9-1407058348.tcloudbaseapp.com/

## 功能列表

1. **Base64图片查看器** - 解析和预览Base64编码的图片
2. **文本编码解码** - Base64、URL编码、HTML实体等转换
3. **JSON格式化工具** - 格式化、压缩、验证JSON数据
4. **颜色转换器** - HEX、RGB、HSL等颜色格式转换
5. **时间戳转换** - Unix时间戳与日期时间互相转换
6. **二维码生成器** - 快速生成二维码
7. **哈希计算器** - 计算文本和文件的MD5、SHA-1、SHA-256等哈希值
8. **URL解析器** - 解析URL各个组成部分

## 背景切换功能

### 预设背景
- 默认：紫色渐变背景
- 春丽：粉紫色渐变
- 不知火舞：橙红色渐变
- 特瑞：蓝金色渐变

### 自定义背景
点击右上角背景切换器中的"📁 上传自定义背景"链接，选择你本地的图片文件即可设置为背景。

**支持的图片格式：** JPG、PNG、GIF等常见格式

### 添加角色背景图片
如果你有春丽、不知火舞、特瑞等角色的官方图片，可以：

1. 将图片放入 `images/` 目录
2. 编辑 `index.html` 中的 `backgrounds` 对象
3. 更新对应角色的 `url()` 链接为本地路径

示例：
```javascript
const backgrounds = {
    chunli: 'linear-gradient(135deg, rgba(255, 182, 193, 0.85) 0%, rgba(147, 112, 219, 0.85) 100%), url("images/chunli.jpg") center/cover no-repeat fixed',
    // ...
};
```

## 使用方法

1. 直接在浏览器中打开 `index.html`
2. 点击任意工具卡片进入对应工具
3. 使用右上角背景切换器切换背景

## 技术栈

- 纯HTML、CSS、JavaScript
- 无需后端服务器
- 支持所有现代浏览器

## 贡献

欢迎提交Issue和Pull Request！

## 许可证

MIT License