带有 CIFilter 的 CAShapeLayer

Question

我想将 CIFilter 应用于 CAShapeLayer.filters。 这是正确的假设如何做到这一点：

• 创建 CAShapeLayer
• 从 CAShapeLayer 创建 CGImage 或 UIImage
• 使用 CGImage 或 UIImage 创建 CIFilter
• 将 CIFilter 添加到 CAShapeLayer.filters

为了从 CAShapeLayer 创建 CGImage，我使用了 CAShapeLayer.contents，但在我的情况下，contents 为 nil，如果我将 CAShapeLayer 渲染到图像上下文，我也无法获取图像。

override func layoutSubviews()
    {
        if(self.shapeLayer == nil && self.path != nil && self.pathOriginationSize != CGSizeZero)
        {
            let scaleFactor = self.scaleFactor(self.pathOriginationSize, targetSize: self.bounds.size)

            _scaledPath = UIBezierPath(CGPath: self.path.CGPath)
            _scaledPath.lineWidth = self.path.lineWidth
            _scaledPath.applyTransform(CGAffineTransformMakeScale(scaleFactor.x, scaleFactor.y))
            _scaledPath.lineCapStyle = CGLineCap.Round

            self.shapeLayer = CAShapeLayer()
            self.shapeLayer.path = _scaledPath.CGPath
            self.shapeLayer.strokeColor = UIColor.blackColor().CGColor
            self.shapeLayer.lineWidth = self.path.lineWidth

            let imageSize = CGPathGetBoundingBox(_scaledPath.CGPath).size

            UIGraphicsBeginImageContextWithOptions(imageSize, false, UIScreen.mainScreen().scale)
            let context = UIGraphicsGetCurrentContext()
            self.shapeLayer.renderInContext(context!)
            _ = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()

            let cgImage = self.shapeLayer.contents as! CGImageRef

            let inputImage = CIImage(CGImage: cgImage)

            let blurFilter = CIFilter(name: "CIZoomBlur")
            blurFilter?.setValue(inputImage, forKey: kCIInputImageKey)
            blurFilter?.setDefaults()
            self.shapeLayer.filters = [blurFilter!]
            self.shapeLayer.shouldRasterize = true

            self.layer.addSublayer(self.shapeLayer)
        }
    }

Answer 1

CALayer.filters 未在 iOS 上实现。

在这种情况下不需要使用CAShapeLayer（因为您不能使用filters）。您可以从UIBezierPath 创建一个CGImage（正如您所做的那样；只需stroke 和/或fill 路径，而不是调用renderInContext）。然后对结果使用apply CIFilter，创建一个CGImage 并将其分配给contents。 （从你上面的代码，你似乎明白了如何做所有这些事情，所以我不在这里写出来。）