功能说明
本工具用于将截图快速放入设备样机框中，生成带设备边框的展示图。支持手机、平板、笔记本和浏览器窗口四种设备样式，可调整缩放比例、背景颜色和设备颜色，并导出为 PNG 图片。
使用方法
- 点击“上传截图”选择本地图片（支持常见格式）。
- 选择设备类型，实时预览效果。
- 通过滑块调整缩放比例（10% - 200%）。
- 可更换背景颜色和设备边框颜色，也可取消“显示边框”仅保留截图。
- 点击“导出 PNG”下载生成的样机图。
计算原理
设备边框使用 CSS/SVG 绘制，尺寸基于常见设备屏幕比例（如手机 375×812、平板 768×1024）。截图按“包含”模式缩放，即保持宽高比并居中放入屏幕区域，确保完整显示。导出时使用 Canvas 绘制相同布局并转换为 PNG。
注意事项
- 截图建议使用清晰的原图，避免拉伸变形。
- 缩放比例过大时，导出图片尺寸会相应增大，注意文件大小。
- 本工具仅作展示用途，不构成专业建议。