git 裁切_Flutter裁剪素材组件 - 裁剪所有 Cut Anything

背景：为啥要开发这个组件呢？因为目前在我们的flutter app中，用到了视频合成技术，这里就涉及到视频或者图片素材的裁剪，目前市面上普遍的组件都是基于图片的，并且基本上都是使用canvas进行渲染和裁剪，不太符合我们的业务需求，所以要自己开发一个裁剪组件。

效果展示支持拖拽，缩放，以及裁剪框大小设置等等。效果只展示了1：1裁剪框。

需求分析

在移动端，基本都是用手势操作，所以在需求设计之初，就考虑到手势的习惯，以及参考大部分编辑工具，定义出了以下几个需求点：裁剪框固定在屏幕上的一个位置，通过单指拖动，双指缩放的形式调整素材位置和大小，来框定裁剪范围

素材的最小边不能小于裁剪框上与其对应的边，即裁剪框只能相对在素材范围内移动

支持素材的类型包含图片和视频

方案设计

考虑到需要支持视频和图片类型，所以不方便直接使用canvas进行素材的渲染。

这里计划采用canvas来绘制裁剪框和遮罩层，待裁剪的素材作为组件放入裁剪区域，并进行适配。

裁剪结果只需要给出裁剪区域(即告诉业务方改裁剪哪块区域)，具体裁剪由业务方完成，实现解耦，组件不必理解素材类型。

回显的时候需要传入裁剪区域进行裁剪框回显。

<