iOS 照片涂鸦功能的实现

作者 | 周强

杏仁 APP 团队负责人，关注大前端。

上个版本项目图片编辑需求中有一项涂鸦，涂鸦就是选取颜色后根据手指滑动路径在图片上生成对应路径，并最终生成一张新图片。接到项目，Google、Github 搜索一番，看到不少实现思路和 Demo，心想：so easy！然而，具体实现的时候却发现了这些 Demo 存在严重问题...

初版实现

实现了我们要的功能，是不是很完美？看效果是 OK，在讨论遇到的问题前，我们先来看看核心代码的实现。

初版核心代码

开始绘制的时候,获取初始坐标信息写入 CGPath 对象：

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    
    UITouch *touch = [touches anyObject];
    CGPoint p = [touch locationInView:self];
  
    _path = CGPathCreateMutable();
    CGPathMoveToPoint(_path, NULL, p.x, p.y);