tietu.luhui.net

luhuipixie鲁虺贴图

鲁虺在线贴图器（tietu.luhui.net）使用说明

项目简介

「鲁虺在线贴图器」是一款轻量级在线图片处理工具，支持图片上传、预览、基础贴图及简单样式调整，适用于快速制作图文内容、分享图片或嵌入到论坛、文档中。本仓库为工具的前端实现源码，技术栈以HTML和CSS为主，核心功能聚焦于「简单、高效的贴图体验」。

快速开始

1. 访问工具

直接通过在线地址使用：
👉 鲁虺在线贴图器

2. 本地部署（可选）

若需本地调试或二次开发，可按以下步骤部署：

# 克隆仓库
git clone https://github.com/kugeceo/tietu.luhui.net.git

# 进入目录
cd tietu.luhui.net

# 启动本地服务器（推荐使用Python简易服务器）
python -m http.server 8000

访问 http://localhost:8000 即可在本地使用。

核心功能使用指南

一、图片上传与预览

支持格式

默认支持主流图片格式：

• 静态图：JPG、PNG（支持透明背景）
• 其他格式（如WebP）可尝试上传，工具会自动兼容处理

上传方式

1. 点击上传
   进入工具首页后，点击页面中央的「上传图片」按钮，在本地文件管理器中选择需要上传的图片（支持单张或多张）。

2. 拖拽上传
   直接从本地文件夹拖拽图片到工具页面的上传区域（虚线框内），松开鼠标即可完成上传。

预览说明

上传成功后，图片会在预览区显示，同时显示基础信息：

• 文件名（如 girl.png）
• 原始尺寸（如 600×400px）

二、基础贴图操作

1. 添加图片到画布

上传图片后，点击预览区的图片，即可将其添加到右侧「贴图画布」中（画布为编辑区域，支持多图叠加）。

2. 调整贴图位置与大小

• 移动位置：选中画布中的图片，按住鼠标左键拖拽至目标位置。
• 调整大小：拖拽图片边缘的控制点（小方块），可自由缩放；按住 Shift 键缩放可保持比例。

3. 图层管理（多图叠加）

• 上传多张图片后，画布中会按上传顺序显示图层（后上传的图片在上方）。
• 右键点击图片可选择「上移一层」「下移一层」调整叠加顺序。

三、样式调整与配置

通过页面右侧「配置面板」可调整图片样式，支持以下功能：

功能	操作说明
透明度调整	拖动「透明度」滑块（0-100%），数值越低图片越透明。
显示边框	勾选「添加边框」，可给图片添加1px灰色边框（支持自定义边框颜色）。
固定尺寸	输入「宽度」「高度」数值（单位px），点击「应用」可固定图片尺寸（支持锁定比例）。
旋转图片	点击「左转90°」「右转90°」按钮，调整图片方向。

四、图片导出与分享

1. 导出图片

完成编辑后，点击画布下方的「导出图片」按钮：

• 支持格式：默认导出为PNG（保留透明背景）、JPG（压缩体积）
• 导出质量：可选择「高清」（原尺寸）或「压缩」（适合快速分享）

2. 分享与嵌入

导出后可通过以下方式使用：

• 直接下载：点击「下载图片」保存到本地。
• 生成外链：工具会自动生成图片外链（如 http://pixie.luhui.net/uploads/xxx.png），可直接粘贴到论坛、文档中使用。
• 复制HTML代码：适合嵌入到网页，代码格式为 <img src="外链地址" width="自定义宽度">。

常见问题

1. 上传图片失败怎么办？

• 检查图片格式：确保为JPG、PNG等支持的格式。
• 检查文件大小：单张图片建议不超过10MB，过大可能导致上传超时。
• 网络问题：刷新页面后重新尝试，或更换网络环境。

2. 如何添加自定义贴纸/水印？

目前工具支持上传本地图片作为「自定义贴纸」：

1. 点击「上传贴纸」按钮，选择本地图片（建议使用透明背景的PNG格式）。
2. 上传后贴纸会显示在「素材库」，拖拽到画布即可添加（支持缩放和旋转）。

3. 能否批量处理图片？

当前版本暂不支持批量上传和编辑，如需该功能可参考仓库二次开发指南（见「开发者说明」）。

开发者说明

本项目基于HTML+CSS开发，核心逻辑在 index.html 和 assets/style.css 中，可通过以下方式扩展功能：

1. 添加新功能：参考仓库Issues中的「功能扩展建议」，如批量上传、滤镜效果等（需引入JavaScript实现）。
2. 修改样式：编辑 assets/style.css 可自定义页面布局、按钮样式等。
3. 多语言支持：现有 en.html 为英文模板，可新增其他语言文件（如 zh-CN.html）并配置切换逻辑。

提交代码前请确保测试兼容性，欢迎通过PR贡献功能。

联系与反馈

• 项目地址：https://github.com/kugeceo/tietu.luhui.net
• 问题反馈：在GitHub Issues中提交使用问题或功能建议
• 在线演示：http://pixie.luhui.net

---

© 2025 鲁虺在线贴图器 | 轻量高效的在线贴图工具