本帖最后由 xkwdm 于 2025-7-3 14:49 编辑
分享一个自己开发的实用小工具 - 二维码位置调试工具。这个工具主要用于精确调试二维码在背景图片上的位置，特别适合需要在海报、宣传图等背景上精确放置二维码的场景。
📸 功能展示
主要功能
- ✅ 可视化拖拽：直接在界面上拖动二维码到目标位置
- ✅ 实时预览：同时显示背景图和二维码预览
- ✅ 精确坐标：实时显示原始图片坐标和显示坐标
- ✅ 大小调节：滑块控制二维码大小，支持50-500px范围
- ✅ 智能缩放：大图自动适应显示，保持原始比例
- ✅ 一键合成：生成最终的合成图片到本地
界面截图
- 上方：URL输入区域 + 图片预览区域 + 二维码大小控制
- 中间：可拖拽的二维码调试区域
- 下方：坐标显示 + 生成按钮 + 状态信息
🔧 技术原理
核心技术栈
- 框架：WPF (.NET)
- 图片处理：SixLabors.ImageSharp
- 网络请求：HttpClient
- UI控件：Canvas、Slider、ScrollViewer等
关键技术点
1. 坐标系统转换
// 显示坐标转换为原始图片坐标
int originalX = (int)(displayX / _displayScale);
int originalY = (int)(displayY / _displayScale);
int originalSize = (int)(displaySize / _displayScale);
2. 智能缩放算法
// 计算最佳显示比例
double scaleX = maxWidth / imageWidth;
double scaleY = maxHeight / imageHeight;
_displayScale = Math.Min(scaleX, scaleY, 1.0); // 只缩小不放大
3. 图片合成处理
// 使用ImageSharp进行图片合成
imageThumbnail.Mutate(x => {
x.DrawImage(imageQrcode, new Point(qrX, qrY), 1f);
});
🎨 使用场景
1. 营销海报制作
- 在宣传海报上精确放置微信群二维码
- 调试公众号二维码在海报中的最佳位置
2. 产品包装设计
- 在产品包装图上定位防伪二维码
- 调试说明书二维码的位置
3. 网页设计辅助
- 为网页背景图确定二维码位置
- 移动端页面二维码布局调试
4. 印刷品设计
- 名片、传单等印刷品二维码定位
- 展架、易拉宝等大型印刷品设计
🛠️ 开发环境
必需环境
- 操作系统：Windows 10/11
- 开发工具：Visual Studio 2022 或 Visual Studio Code
- .NET版本：.NET 6.0 或更高版本
- NuGet包：SixLabors.ImageSharp.Drawing
项目结构
ConsoleApp1/
├── MainWindow.xaml # 主界面布局
├── MainWindow.xaml.cs # 主要逻辑代码
├── App.xaml # 应用程序配置
├── App.xaml.cs # 应用程序入口
└── ConsoleApp1.csproj # 项目配置文件
📋 源码成品
| 
发表于 2025-7-3 14:47
|
发表于 2025-7-3 23:39
