请描述前端开发一个支持裁剪、旋转以及调整尺寸的图像处理应用的具体实现方案。

回答思路

1. 【回答框架 1】图像处理的核心是Canvas API。裁剪通过drawImage的源矩形参数实现，旋转使用rotate()和translate()组合变换，调整尺寸则通过目标宽高参数控制。
2. 【回答框架 2】交互层面，裁剪可采用拖拽或框选方式，旋转通过滑块或按钮控制角度，尺寸调整提供输入框或缩放滑块。需用鼠标事件或Pointer Events捕获用户操作，并实时重绘预览。
3. 【回答框架 3】为提升性能，使用requestAnimationFrame或防抖节流优化频繁重绘；对于大图，可先压缩到合理尺寸再处理，避免卡顿。
4. 【回答框架 4】最终导出时，利用canvas.toBlob或toDataURL生成图片，注意处理跨域问题，并对Canvas污染进行防御。
5. 【关键点 1】利用drawImage方法实现裁剪与缩放，利用rotate和translate实现旋转。
6. 【关键点 2】通过Canvas事件系统实现交互式操作，结合防抖或requestAnimationFrame提升性能。
7. 【关键点 3】导出图片时处理跨域与Canvas污染问题。
8. 【易错点 1】旋转操作不改变画布尺寸可能导致图片被截断，需动态调整画布大小。
9. 【易错点 2】频繁重绘会消耗性能，应使用防抖或离屏Canvas优化。
10. 【易错点 3】未处理Canvas污染会导致导出失败，需检查图片跨域设置。