如何模糊 NSImage 蒙版的边界？

Question

我正在尝试模糊 swift 中 NSImage 的蒙版边界，但我不知道该怎么做。掩码应该是从 CGMutablePath 创建的，因此可以通过编程方式更改它。这是它现在的样子：这应该是这样的：

创建具有锐边的蒙版的代码如下：

class MyView: NSView {
    
    override func draw(_ dirtyRect: NSRect) {
        
        let bottomLayer = CALayer()
        bottomLayer.bounds = self.bounds
        bottomLayer.position = CGPoint(x: self.bounds.size.width/2, y: self.bounds.size.height/2)
        bottomLayer.contents = NSImage(named: "bottom.jpg")
        bottomLayer.contentsGravity = .resize
        self.layer?.addSublayer(bottomLayer)
        
        let path = CGMutablePath()
        path.move(to: CGPoint(x: self.bounds.size.width/2, y: self.bounds.size.height/2))
        path.addCurve(to: CGPoint(x: 0.5*self.bounds.size.width, y: self.bounds.size.height), control1: CGPoint(x: 0.4*self.bounds.size.width, y: 0), control2: CGPoint(x: 0, y: self.bounds.size.height))
        path.addCurve(to: CGPoint(x: self.bounds.size.width/2, y: self.bounds.size.height/2), control1: CGPoint(x: self.bounds.size.width, y: self.bounds.size.height), control2: CGPoint(x: 0.8*self.bounds.size.width, y: 0))
        path.closeSubpath()
        
        let maskLayer = CAShapeLayer()
        maskLayer.path = path
        maskLayer.fillRule = .evenOdd
        maskLayer.borderWidth = 20
        
        let topLayer = CALayer()
        topLayer.bounds = self.bounds
        topLayer.position = CGPoint(x: self.bounds.size.width/2, y: self.bounds.size.height/2)
        topLayer.contents = NSImage(named: "top.jpg")
        topLayer.contentsGravity = .resize
        topLayer.masksToBounds = true
        topLayer.mask = maskLayer
        
        self.layer?.addSublayer(topLayer)
    }
}

我希望有一个好的解决方案:)

弗雷德里克

Answer 1

尝试添加 CAGradientLayer 而不是 CAShapeLayer:

示例来源：

class MyView: NSView {
    
    override func draw(_ dirtyRect: NSRect) {
        
        let bottomLayer = CALayer()
        bottomLayer.bounds = self.bounds
        bottomLayer.position = CGPoint(x: self.bounds.size.width/2, y: self.bounds.size.height/2)
        bottomLayer.contents = NSImage(named: "bottom")
        bottomLayer.contentsGravity = .resize
        self.layer?.addSublayer(bottomLayer)
        
        let path = CGMutablePath()
        path.move(to: CGPoint(x: self.bounds.size.width/2, y: self.bounds.size.height/2))
        path.addCurve(to: CGPoint(x: 0.5*self.bounds.size.width, y: self.bounds.size.height), control1: CGPoint(x: 0.4*self.bounds.size.width, y: 0), control2: CGPoint(x: 0, y: self.bounds.size.height))
        path.addCurve(to: CGPoint(x: self.bounds.size.width/2, y: self.bounds.size.height/2), control1: CGPoint(x: self.bounds.size.width, y: self.bounds.size.height), control2: CGPoint(x: 0.8*self.bounds.size.width, y: 0))
        path.closeSubpath()
        
        let maskLayer = CAGradientLayer()
        maskLayer.shadowRadius = 4
        maskLayer.shadowPath = path
        maskLayer.shadowOpacity = 1
        maskLayer.shadowOffset = CGSize.zero
        maskLayer.shadowColor = NSColor.green.cgColor
        
        let topLayer = CALayer()
        topLayer.bounds = self.bounds
        topLayer.position = CGPoint(x: self.bounds.size.width/2, y: self.bounds.size.height/2)
        topLayer.contents = NSImage(named: "top")
        topLayer.contentsGravity = .resize
        topLayer.masksToBounds = true
        topLayer.mask = maskLayer
        
        self.layer?.addSublayer(topLayer)
    }
}

如何模糊 NSImage 蒙版的边界？

How to blur the border of the mask for an NSImage?

image

blur

core-image

nsbezierpath

swift

示例来源：

输出