精灵套件中的裁剪/蒙版圆形图像节点会产生锯齿状边缘

是否可以为没有锯齿状边缘的图像节点提供圆形蒙版/裁剪？

按照苹果公司的这个例子（https://developer.apple.com/reference/spritekit/skcropnode），结果并不理想。您可以点击链接查看。

    let shapeNode = SKShapeNode()
    shapeNode.physicsBody = SKPhysicsBody(circleOfRadius: radius)
    shapeNode.physicsBody?.allowsRotation = false
    shapeNode.strokeColor = SKColor.clearColor()

    // Add a crop node to mask the profile image
    // profile images (start off with place holder)
    let scale = 1.0
    let profileImageNode = SKSpriteNode(imageNamed: "PlaceholderUser")
    profileImageNode.setScale(CGFloat(scale))

    let circlePath = CGPathCreateWithEllipseInRect(CGRectMake(-radius, -radius, radius*2, radius*2), nil)

    let circleMaskNode = SKShapeNode()
    circleMaskNode.path = circlePath
    circleMaskNode.zPosition = 12
    circleMaskNode.name = "connection_node"
    circleMaskNode.fillColor = SKColor.whiteColor()
    circleMaskNode.strokeColor = SKColor.clearColor()

    let zoom = SKAction.fadeInWithDuration(0.25)
    circleMaskNode.runAction(zoom)

    let cropNode = SKCropNode()
    cropNode.maskNode = circleMaskNode
    cropNode.addChild(profileImageNode)
    cropNode.position = shapeNode.position

    shapeNode.addChild(cropNode)
    self.addChild(shapeNode)

更新：

好的，这是我想出的一个解决方案。不是超级理想，但效果很好。本质上，我有一个尺寸/比例，并按照 SKSpriteNode 上的方式精确地剪切图像，因此我不必使用 SKCropNode 或 SKShapeNode 的某些变体。

1. 我使用 Leo Dabus 的这些 UIImage 扩展来根据需要调整图像的大小/形状。将 UIImage 剪切成圆形 Swift(iOS)

   var circle: UIImage? {
        let square = CGSize(width: min(size.width, size.height), height: min(size.width, size.height))
        let imageView = UIImageView(frame: CGRect(origin: CGPoint(x: 0, y: 0), size: square))
        imageView.contentMode = .ScaleAspectFill
        imageView.image = self
        imageView.layer.cornerRadius = square.width/2
        imageView.layer.masksToBounds = true
        UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, false, scale)
        guard let context = UIGraphicsGetCurrentContext() else { return nil }
        imageView.layer.renderInContext(context)
        let result = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return result
   }
   
   func resizedImageWithinRect(rectSize: CGSize) -> UIImage {
        let widthFactor = size.width / rectSize.width
        let heightFactor = size.height / rectSize.height
   
        var resizeFactor = widthFactor
        if size.height > size.width {
        resizeFactor = heightFactor
        }
   
        let newSize = CGSizeMake(size.width/resizeFactor, size.height/resizeFactor)
        let resized = resizedImage(newSize)
        return resized
   }
   

2. 最终代码如下所示：

   //create/shape image
   let image = UIImage(named: "TestImage")
   let scaledImage = image?.resizedImageWithinRect(CGSize(width: 100, height: 100))
   let circleImage = scaledImage?.circle
   
   //create sprite
   let sprite = SKSpriteNode(texture: SKTexture(image: circleImage!))
   sprite.position = CGPoint(x: view.frame.width/2, y: view.frame.height/2)
   
   //set texture/image
   sprite.texture = SKTexture(image: circleImage!)
   sprite.physicsBody = SKPhysicsBody(texture: SKTexture(image: circleImage!), size: CGSizeMake(100, 100))
   if let physics = sprite.physicsBody {
       //add the physic properties
   }
   
   //scale node
   sprite.setScale(1.0)
   addChild(sprite)
   

因此，如果您有完美缩放的资源/图像，那么您可能不需要完成所有这些工作，但我从后端获取可能有任何尺寸的图像。