AI 智能体应用案例

今日新增

44全部 189 条

共 189 条,第 1–20 条

营销·设计实践示例

在手机上实现照片和裁剪区域分别移动的功能修复

作者报告用Claude Code修复了照片裁剪工具中触摸识别错误的问题,并对放大按钮和背景色选择功能进行了调整。

使用方法

  1. 作者添加了选择移动照片还是移动裁剪框的按钮,并区分了单指移动和双指缩放操作。
  2. 作者在移动端确认了裁剪框会拦截触摸事件的问题,并根据所选模式更改了触摸事件的传递对象。
  3. 作者修复了长按放大按钮时能够持续放大的问题,并设置当照片边缘颜色均匀时,自动使用该颜色作为背景色默认值。

结果

作者报告所有修改过程和Claude Code会话都记录在公开PR中,最终成果已应用到社交图片裁剪工具。

注意事项

已查阅作者的变更记录,但未独立复现实际手机操作。

来源

GitHub 原文 ↗

示例提示词 · Claude Code

目标:在手机上实现照片和裁剪区域分别移动的功能修复。

输入·环境:[照片裁剪工具仓库]、[测试图片]、[输出比例]、[支持的手机浏览器]。

参考原文:https://github.com/simonw/tools/commit/152fd93b7a6fdd3447ec55798e54dbef1630b911

请参考公开的修改案例,改进移动端照片裁剪工具的操作体验。实现照片移动和裁剪区域移动的明确选择,并避免单指移动与双指缩放操作冲突。检查长按放大按钮和首次点击时缩放比例是否异常。自动选择背景色时,不要覆盖用户已选择的颜色。请保留修改代码和复现步骤。

不要猜测原文未提及的账号连接方式或成果,先说明必要的设置和执行顺序。请从保留现有资料的工作副本开始,无法访问的项目请标明需确认。

验证:请用裁剪区域占据屏幕大部分的照片测试两种移动模式。放大、缩小后,检查下载图片的构图和比例是否与预览一致。

请整理结果物、所用输入、执行记录和已确认的结果。未完成或未执行的部分请与已完成的工作区分开。