Macos 带渐变的CoreGraphic笔划文本

Macos 带渐变的CoreGraphic笔划文本,macos,core-graphics,core-animation,core-text,Macos,Core Graphics,Core Animation,Core Text,在计算机的帮助下,我们能够绘制带边框的文本。如何用画笔(渐变/图片)而不是纯色填充边框 在Apple文档中找不到此项。 使用context.addPath(path),然后使用context.clip(to:pathFrame) 然后可以使用context.drawLinearGradient 为了画画没有副作用 请记住使用context.saveGState()和context.restoreGState() 下面是iOS的一个示例version 您应该将其编辑为MacOSversio

在计算机的帮助下,我们能够绘制带边框的文本。如何用画笔(渐变/图片)而不是纯色填充边框

在Apple文档中找不到此项。

  • 使用
    context.addPath(path)
    ,然后使用
    context.clip(to:pathFrame)
然后可以使用
context.drawLinearGradient

  • 为了画画没有副作用
请记住使用
context.saveGState()
context.restoreGState()


下面是iOS的一个示例version

您应该将其编辑为
MacOS
version

class CustomV: UIView{
     override func draw(_ rect: CGRect) {
       
        // Create a gradient from white to red
        let colors: [CGFloat] = [
            1.0, 1.0, 1.0, 1.0,
            1.0, 0.0, 0.0, 1.0]
        let baseSpace = CGColorSpaceCreateDeviceRGB()
        guard let context = UIGraphicsGetCurrentContext(), let gradient =
                CGGradient(colorSpace: baseSpace, colorComponents: colors, locations: nil, count: 2) else{ return }
        
        context.saveGState()
        let offset: CGFloat = 10
        let startPoint = CGPoint(x: rect.maxX - offset, y: rect.minY)
        let endPoint = CGPoint(x: rect.maxX - offset, y: rect.maxY)
        let p = CGMutablePath()
        p.move(to: startPoint)
        p.addLine(to: endPoint)
        context.addPath(p)
        context.clip(to: CGRect(origin: startPoint, size: CGSize(width: 3, height: 800)))
        context.setLineWidth(offset)
        
        context.drawLinearGradient(gradient, start: startPoint, end: endPoint, options: [])
        context.restoreGState()

    }
}