两种方式
固定框移动图片并双指缩放，自由裁剪用角手柄（Parhi et al., 2006；Android Developers, n.d.）。
起点与预览
自动裁剪（Suh et al., 2003），面孔印象（Willis & Todorov, 2006），头像预览（MDN, n.d.）。
撤销与无障碍
取消/完成（Apple, n.d.），重置与撤销，按钮操作（W3C, 2023）。
常见问题
- 头像用哪种？
- 固定圆框，移动缩放图片。
- 原图要删吗？
- 保留以便再次编辑。
来源核查日期：2026-10-27
参考文献
- MDN Web Docs. (n.d.). CanvasRenderingContext2D: drawImage() method. 裁剪绘制方法。
- Android Developers. (n.d.). Photo picker. 免权限选图。
- Apple. (n.d.). Photo editing. Human Interface Guidelines. 编辑界面原则。
- Suh, B., Ling, H., Bederson, B. B., & Jacobs, D. W. (2003). Automatic thumbnail cropping and its effectiveness. In Proceedings of UIST '03 (pp. 95–104). ACM. https://doi.org/10.1145/964696.964707 自动裁剪研究。
- Willis, J., & Todorov, A. (2006). First impressions: Making up your mind after a 100-ms exposure to a face. Psychological Science, 17(7), 592–598. 面孔第一印象。
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. 角手柄尺寸。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 拖动与对比标准。