swift - CTFontDrawGlyphs 在不正确的位置绘制

Question

已编辑:我用独立版本替换了我的原始代码 stub

我正在使用 Quartz2D 将音乐符号绘制到 CGContext。我正在使用 Swift 4 在 Playground 中执行此操作。

音符由一个用于符头的 CGGlyph 和一个用于符干的线条基元组成。字形取自音乐字体“bravura”。 符头字形的 x 位置恰好位于其左边缘。符干必须与原点完美对齐，因此它的 x 位置必须是符头的 x 位置 + 符干的粗细/2。

我有一个函数将 CGFloat 作为 x 位置并将字形和词干绘制到 CGContext 中。当 x 的值是像 30.0 这样的四舍五入值时，这非常有效。但是，当值为 30.9 之类的小数时，词干会错位:

很明显，线条绘制正确，但字形忽略了 CGFloat 的小数部分。当我将 x 值进一步提高到 31.0 时，两个部分再次同步。

这是简化的代码，可以在您的 XCode9 Playground 中运行:

import PlaygroundSupport
import Cocoa

let fontSize = CGFloat(64)

// uncomment the next paragraph if you have added the "Bravura" Font to the ressources folder
/*
let fontURL = Bundle.main.url(forResource: "Bravura", withExtension: "otf")
CTFontManagerRegisterFontsForURL(fontURL! as CFURL, CTFontManagerScope.process, nil)
var font = CTFontCreateWithName("Bravura" as CFString, fontSize, nil)
*/

// comment out the next line if you use Bravura
var font = CTFontCreateWithName("Helvetica" as CFString, fontSize, nil)

func drawAtXPosition(_ posX: CGFloat, inContext context: CGContext) {
    // draw font glyph (notehead)
    var glyph = CTFontGetGlyphWithName(font, "uniE0A3" as CFString)
    var notePosition = CGPoint(x: posX, y: 100)
    CTFontDrawGlyphs(font, &glyph, &notePosition, 1, context)

    // draw line (note stem)
    let stemThickness = CGFloat(fontSize/4*0.12)
    let x: CGFloat = posX + stemThickness / 2
    let y: CGFloat = 100 - (0.168 * fontSize / 4)
    let stemBegin = CGPoint(x:x, y:y)
    let stemEnd = CGPoint(x:x, y: y - (3.5 * fontSize / 4))

    context.setLineWidth(stemThickness)
    context.strokeLineSegments(between: [stemBegin, stemEnd])
}

class MyView: NSView {
    override func draw(_ rect: CGRect) {
        let context = NSGraphicsContext.current!.cgContext
        context.setStrokeColor(CGColor.black)
        context.setFillColor(CGColor.black)

        drawAtXPosition(100, inContext: context)    // this draws as expected

        drawAtXPosition(200.99, inContext: context) // here the glyph is drawn at x=200, while the line is correctly drawn at 200.99
    }
}

var myView = MyView(frame: CGRect(x: 0, y: 0, width: 500, height: 200))
let myViewController = NSViewController()
myViewController.view = myView
PlaygroundPage.current.liveView = myViewController

您可以从...下载音乐字体“Bravura”

https://www.smufl.org/fonts/

...但我重写了代码，因此它默认使用 Helvetica，这也适用于演示。

作为我原始代码中的解决方法，我在将 x 值传递给绘图函数之前实现了 Foundation 的 .rounded() 方法。这行得通，但我担心在较小的字体大小下(编写整个代码以便所有内容都围绕字体大小缩放)不准确会很明显。

我遇到了 CGContext 的 setShouldSubpixelPositionFonts 和 setAllowsFontSubpixelPositioning 方法，但是将它们设置为 true 并没有做任何改变。

那么，有没有一种方法可以像图元一样精确地绘制字体对象(必须有一个)？或者我担心将 CGFloats 舍入为 Ints 是不合理的？

Answer 1

经过无休止的挖掘，我找到了解决方案:

设置不够

context.setShouldSubpixelPositionFonts(true)

你还必须设置

context.setShouldSubpixelQuantizeFonts(false)

因为后者似乎覆盖了前者。