二つの方式
固定枠で画像を動かしピンチズーム、自由なら角ハンドル(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. ドラッグと対比の基準です。
