将图像裁剪为圆形 swift 3

Question

所以我有这个问题，我在过去几天一直试图解决这个问题，但是找不到解决问题的方法。我的问题很简单，我正在尝试裁剪图像，使其变成一个圆圈。从所做的研究中，我发现了一些可用于实现此目的的方法，似乎经常弹出的主要方法是简单地裁剪 UIImageView，使其成为圆形框架。我用来执行此操作的代码如下所示。

imageView.layer.masksToBounds = false
imageView.layer.cornerRadius = imageView.frame.height/2
imageView.clipsToBounds = true

唯一的问题是这种方法只裁剪图像视图的框架，而不裁剪图像本身。因此，如果我要将图像保存到用户相机胶卷中，它仍然会显示为矩形而不是裁剪后的圆圈。由于我对 Xcode 比较陌生，所以我对如何实际实现这一目标感到有些迷茫，希望有人能够提供一种方法来裁剪图像本身，而不仅仅是裁剪框架。非常感谢有关该主题的任何帮助。谢谢。

Answer 1

尝试以下操作，同时确保高度和宽度的大小相同，否则它会显示为椭圆形，否则结果将是不需要的。

imageView.layer.masksToBounds = false
imageView.layer.cornerRadius = imageView.frame.height/2
imageView.layer.borderWidth = 1
imageVoew.layer.borderColor = UIColor.clear.cgColor
imageView.clipsToBounds = true

Answer 2

让我们继续**图形上下文 **。

func makeRoundImg(img: UIImageView) -> UIImage {
    let imgLayer = CALayer()
    imgLayer.frame = img.bounds
    imgLayer.contents = img.image?.cgImage;
    imgLayer.masksToBounds = true;

    imgLayer.cornerRadius = 28 //img.frame.size.width/2

    UIGraphicsBeginImageContext(img.bounds.size)
    imgLayer.render(in: UIGraphicsGetCurrentContext()!)
    let roundedImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return roundedImage!;
}

Answer 3

为 swift 3 尝试此代码，首先您需要将 imageView 内容模式保持为 Aspect Fit。

import UIKit

class ViewController: UIViewController {

@IBOutlet weak var imgView: UIImageView!

override func viewDidLoad() {
    super.viewDidLoad()
    let profilePicture = UIImage(named: "yourImageName")
    self.imgView.image = profilePicture.circleMasked
   }

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}



}

  extension UIImage {
  var isPortrait:  Bool    { return size.height > size.width }
  var isLandscape: Bool    { return size.width > size.height }
  var breadth:     CGFloat { return min(size.width, size.height) }
  var breadthSize: CGSize  { return CGSize(width: breadth, height: breadth) }
  var breadthRect: CGRect  { return CGRect(origin: .zero, size: breadthSize) }
  var circleMasked: UIImage? {
      UIGraphicsBeginImageContextWithOptions(breadthSize, false, scale)
      defer { UIGraphicsEndImageContext() }
      guard let cgImage = cgImage?.cropping(to: CGRect(origin: CGPoint(x: isLandscape ? floor((size.width - size.height) / 2) : 0, y: isPortrait  ? floor((size.height - size.width) / 2) : 0), size: breadthSize)) else { return nil }
      UIBezierPath(ovalIn: breadthRect).addClip()
      UIImage(cgImage: cgImage, scale: 1, orientation: imageOrientation).draw(in: breadthRect)
      return UIGraphicsGetImageFromCurrentImageContext()
  }
}

将图像裁剪为圆形 swift 3

Crop image to be circular swift 3

drawing

crop

uiimageview

swift3