缩放和绘制图像时 CGContextStrokePath 不起作用

Question

我根据 touchesMoved: 方法绘制线条，通常效果很好。但当我放大图像并绘制时，之前绘制的线条都发生了位移，并且变得越来越模糊，最终消失了。我尝试使用 UIPinchGestureRecognizer 并简单地增加 myImageView 的 frame （仅适用于多点触摸事件），但问题同时出现。这是绘制的代码：

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
 NSArray *allTouches = [touches allObjects];
 int count = [allTouches count];
 if(count==1){//single touch case for drawing line
    UITouch *touch = [touches anyObject];   
    CGPoint currentPoint = [touch locationInView:myImageView];
    UIGraphicsBeginImageContext(myImageView.frame.size);
    [drawImage.image drawInRect:CGRectMake(0, 0, myImageView.frame.size.width, myImageView.frame.size.height)];
    CGContextSetLineCap(UIGraphicsGetCurrentContext(), kCGLineCapRound);
    CGContextSetLineWidth(UIGraphicsGetCurrentContext(), 2.0);
    CGContextBeginPath(UIGraphicsGetCurrentContext());
    CGContextMoveToPoint(UIGraphicsGetCurrentContext(), lastPoint.x, lastPoint.y);
    CGContextAddLineToPoint(UIGraphicsGetCurrentContext(), currentPoint.x, currentPoint.y);
    CGContextStrokePath(UIGraphicsGetCurrentContext());
    drawImage.image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    lastPoint = currentPoint;
 }
else{//multi touch case
   // handle pinch/zoom
  }
}

这是在没有缩放的情况下绘制的图像：

这是描绘放大后出现问题，红色箭头显示放大前已绘制的线段（如上图所示）。图像既模糊又移位：

还可以注意到，部分线条向终点不受影响，并且这种现象发生在时间向后拉的线中。我相信这样做的原因是，当我放大/缩小时，图像尺寸属性会丢失，这可能会导致模糊和移位，但我不确定！

编辑-我上传了一个短视频 显示发生了什么。这有点有趣......

编辑2-这是示例单视图应用程序专注于问题。

Answer 1

我下载了你的项目，发现问题是自动调整大小。以下步骤将解决该问题：

第 70 行：

drawImage.frame = CGRectMake(0, 0, labOrderImgView.frame.size.width, labOrderImgView.frame.size.height);

第 1 步。注释touchesMoved 方法中的

。 第2步在viewDidLoad方法中alloc之后添加一行代码（第90行）：

drawImage.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

然后，修复了该错误。

Answer 2

您总是只是绘制图像视图大小的图像上下文 - 这当然会变得模糊，因为放大时您不会适应更高分辨率。创建一个 UIBezierPathUIBezierPath 会更明智。 code> 一次，只需在 touchesMoved 方法中向其添加一条线（使用 addLineToPoint:），然后通过自定义 drawRect 方法绘制它[bezierPath 描边]。您还可以添加一个 CAShapeLayer 作为图像视图的子视图，并将其 path 属性设置为 bezierPath 的 CGPath 属性 您之前创建的。

请参阅在 iOS 中用手指绘制贝塞尔曲线？了解例子。

Answer 3

我以下面的方式实现了这样的行为：

1. 您应该记住路径的所有坐标（模型）。
2. 将路径绘制到 imageView 的临时子视图中。
3. 当用户开始捏合/缩放图像时 - 不执行任何操作，即路径将由 iOS 缩放。
4. 当用户完成捏合缩放时 - 使用模型以正确的方式重新绘制路径。

如果将路径保存为图像，则会导致缩放结果看起来很糟糕。
另外 - 不要直接绘制到图像的路径 - 绘制到一些透明视图并在编辑结束时将它们分割在一起。