使用 CGAffineTransform 缩放上下文中的所有点时保留线宽

Question

我在某个坐标系中有一个CGPath，我想绘制它。这样做涉及到将旧的坐标系缩放到上下文的坐标系上。为此，我使用 CGContextConcatCTM() 来按应有的方式转换所有点。但是，由于这是缩放操作，因此水平/垂直线宽会发生变化。例如，x 方向的比例为 10，y 方向的比例为 1 将导致垂直线的粗细是水平线的 10 倍。有没有一种方法可以保持平移矩阵（例如CGAffineTransform）的易用性，但同时不能缩放线宽，例如CGPathApplyAffineTransformToPoints之类的函数？

干杯

法师先生

Answer 1

添加路径时进行变换，但在描边路径之前删除变换。而不是这样：

CGContextSaveGState(ctx);
CGContextScaleCTM(ctx, 10, 10);   // scale path 10x

CGContextAddPath(ctx, somePath);

CGContextSetStrokeColorWithColor(ctx, someColor);
CGContextSetLineWidth(ctx, someWidth);   // uh-oh, line width is 10x, too
CGContextStrokePath(ctx);

CGContextRestoreGState(ctx);      // back to normal

这样做：

CGContextSaveGState(ctx);
CGContextScaleCTM(ctx, 10, 10);   // scale path 10x

CGContextAddPath(ctx, somePath);

CGContextRestoreGState(ctx);      // back to normal

CGContextSetStrokeColorWithColor(ctx, someColor);
CGContextSetLineWidth(ctx, someWidth);
CGContextStrokePath(ctx);

Answer 2

您可以使用 CGPathApply 来迭代路径中的元素。它比单行代码稍微复杂一些，但如果您将其打包在一个简单的辅助函数中，它可能对您有用。这是创建新路径并对其进行转换的一个版本：

typedef struct {
    CGMutablePathRef path;
    CGAffineTransform transform;
} PathTransformInfo;

static void
PathTransformer(void *info, const CGPathElement *element)
{
    PathTransformInfo *transformerInfo = info;

    switch (element->type) {
        case kCGPathElementMoveToPoint:
            CGPathMoveToPoint(transformerInfo->path, &transformerInfo->transform,
                              element->points[0].x, element->points[0].y);
            break;

        case kCGPathElementAddLineToPoint:
            CGPathAddLineToPoint(transformerInfo->path, &transformerInfo->transform,
                                 element->points[0].x, element->points[0].y);
            break;

        case kCGPathElementAddQuadCurveToPoint:
            CGPathAddQuadCurveToPoint(transformerInfo->path, &transformerInfo->transform,
                                      element->points[0].x, element->points[0].y,
                                      element->points[1].x, element->points[1].y);
            break;

        case kCGPathElementAddCurveToPoint:
            CGPathAddCurveToPoint(transformerInfo->path, &transformerInfo->transform,
                                  element->points[0].x, element->points[0].y,
                                  element->points[1].x, element->points[1].y,
                                  element->points[2].x, element->points[2].y);
            break;
        case kCGPathElementCloseSubpath:
            CGPathCloseSubpath(transformerInfo->path);
            break;
    }
}

要使用它，您将执行以下操作（这是我将放入辅助函数中的部分）：

    PathTransformInfo info;
    info.path = CGPathCreateMutable();
    info.transform = CGAffineTransformMakeScale(2, 1);

    CGPathApply(originalPath, &info,  PathTransformer);

转换后的路径位于 info.path 中观点。