ios swift核心图形-字符串颠倒

Question

当我想在 CGContext 中绘制一个字符串时，文本显示颠倒了。

我知道这个主题已经发布在这里，但是 none 的解决方案对我有用。

我确实翻转了上下文：

graphContext.scaleBy(x: 1.0, y: -1.0)
graphContext.translateBy(
        x: CGFloat(0.0),
        y: CGFloat(-1.0 * graphSize.h))

我也尝试对 textMatrix 做同样的事情，但这对结果没有任何影响。

完整的项目资源在这里：dropbox 屏幕截图在这里：screen shot

不明白为什么它不起作用。

谢谢

我的绘制方法：

override func draw(_ rect: CGRect) {

        let graphSize = GSize(
            w: Double(self.frame.width),
            h: Double(self.frame.height))

        rebaseAreas(graphSize: graphSize)

        graphContext = UIGraphicsGetCurrentContext()!
        graphContext.saveGState()

        // Flip the context coordinates, in iOS only
        graphContext.scaleBy(x: 1.0, y: -1.0)
        graphContext.translateBy(
            x: CGFloat(0.0),
            y: CGFloat(-1.0 * graphSize.h))


        // this has no effect, I can delete it and nothing changes
        graphContext.textMatrix = CGAffineTransform(scaleX: 2.0, y: -2.0)


        drawBackground(
            inRect: graph_drawing_rect,
            inContext: graphContext)


        drawGuidelines(
            vAxis: vAxis,
            hAxis: hAxis,
            inRect: serie_drawing_rect,
            inContext: graphContext)


        drawSerie(
            points,
            inRect: serie_drawing_rect,
            inContext: graphContext)


        drawTitle(
            inRect: graph_drawing_rect,
            inContext: graphContext)


        drawVAxisLabels(
            vAxis: vAxis,
            inRect: x_labels_drawing_rect,
            inContext: graphContext)


        drawHAxisLabels(
            hAxis: hAxis,
            inRect: y_labels_drawing_rect,
            inContext: graphContext)

        graphContext.restoreGState()
    }

还有我的 drawTitle 方法：

func drawTitle(
        inRect rect: GRect,
        inContext context: CGContext) {

        // saving the calling state
        context.saveGState()

        let title = titleLabelText

        let lblAttributes = [
            NSFontAttributeName: titleFont,
            NSForegroundColorAttributeName: title_font_color,
            ] as [String : Any]

        let origin = CGPoint(
            x: title_label_position.x * rect.w,
            y: title_label_position.y * rect.h)

        let drawRect = CGRect(
            origin: origin,
            size: title.size(attributes: lblAttributes))

        title.draw(
            in: drawRect,
            withAttributes: lblAttributes)

        // returning the calling state
        graphContext.restoreGState()
    }

Answer 1

您正在使用 UIKit 的字符串绘制支持。 UIKit 将您正在使用的方法 drawInRect:withAttributes: 添加到 NSString.

UIKit 在绘制字符串时设置文本矩阵。（您可以在 CGContextSetTextMatrix 上设置断点来验证这一点。）这意味着您尝试设置 textMatrix 没有效果。

UIKit 期望图形上下文的原点位于绘图区域的左上角，并且它期望 y 坐标向绘图区域的底部增加。您已经翻转了 y 轴的方向，因此 UIKit 最终将绘制的文本倒置。

由于您无法使用文本矩阵修复此问题，因此您必须使用转换矩阵来修复它。您需要将原点平移到应该包含文本的矩形的左上角，翻转y轴，在原点绘制文本，然后恢复变换矩阵。

您可以在 NSString:

的扩展方法中包装它

private extension String {

    func drawFlipped(in rect: CGRect, withAttributes attributes: [String: Any]) {
        guard let gc = UIGraphicsGetCurrentContext() else { return }
        gc.saveGState()
        defer { gc.restoreGState() }
        gc.translateBy(x: rect.origin.x, y: rect.origin.y + rect.size.height)
        gc.scaleBy(x: 1, y: -1)
        self.draw(in: CGRect(origin: .zero, size: rect.size), withAttributes: attributes)
    }

}

然后你可以使用你的扩展方法而不是 draw(in:withAttributes:)。例如，这里是 drawTitle(inRect:inContext:) 方法的替代方法：

func drawTitle(
    inRect rect: GRect,
    inContext context: CGContext) {

    let title = titleLabelText

    let lblAttributes = [
        NSFontAttributeName: titleFont,
        NSForegroundColorAttributeName: title_font_color,
        ] as [String : Any]

    let origin = CGPoint(
        x: title_label_position.x * rect.w,
        y: title_label_position.y * rect.h)

    let drawRect = CGRect(
        origin: origin,
        size: title.size(attributes: lblAttributes))

    title.drawFlipped(in: drawRect, withAttributes: lblAttributes)
}

结果：

请注意，我只修复了 drawTitle(inRect:inContext:)，因此所有其他文本仍然是颠倒的。

ios swift核心图形-字符串颠倒

ios swift core graphics - string is upside down

string

core-graphics

ios

swift