首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在圆孔中快速裁剪放大图像

如何在圆孔中快速裁剪放大图像
EN

Stack Overflow用户
提问于 2018-09-30 05:58:04
回答 1查看 1.3K关注 0票数 0

我正在用相机在我的应用程序中拍照。我的图像视图上有一个图层,有一个透明的洞,如图所示。

我想要做的是在那个圆孔里裁剪图像。我正在使用那个代码,但它不起作用。

代码语言:javascript
复制
UIGraphicsBeginImageContextWithOptions(CGSize(width: radius-60, height: radius-60),false,0)
final!.draw(at: CGPoint(x: 30, y: screenHeight/2 - radius/2 + 30)
let tmpImg = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()

其中,UIGraphicsBeginImageContextWithOptions中的高度和宽度是圆孔的高度和宽度,拉深中的x和y是孔的x坐标,y坐标是孔的上边界。

图像代码

代码语言:javascript
复制
func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) {
    print("here123")
    let image = info[UIImagePickerControllerOriginalImage] as! UIImage
    imageView.contentMode = .scaleAspectFit
    imageView.image = image
    self.view.backgroundColor = UIColor.black
    picker.dismiss(animated: true, completion: nil)
    photoSave()
}

透明孔

代码语言:javascript
复制
screenWidth = self.view.frame.width
screenHeight = self.view.frame.height 
radius = min(screenWidth,screenHeight)
let path = UIBezierPath(roundedRect: CGRect(x: 0, y: 0, width: screenWidth, height: screenHeight), cornerRadius: 0)
let circlePath = UIBezierPath(roundedRect: CGRect(x: 30, y: screenHeight/2 - radius/2 + 30 , width: radius-60, height: radius - 60), cornerRadius: radius/2 - 30)

path.append(circlePath)
path.usesEvenOddFillRule = true
fillLayer.path = path.cgPath
fillLayer.fillRule = kCAFillRuleEvenOdd
fillLayer.fillColor = UIColor.black.cgColor
fillLayer.opacity = 0.5
view.layer.addSublayer(fillLayer)
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-30 08:35:10

您可以使用它来绕过一个UIImage:

代码语言:javascript
复制
func roundedImage(from image: UIImage, radius: CGFloat) -> UIImage {
    let frame = CGRect(x: 0, y: 0, width: 2 * radius, height: 2 * radius)
    let imageView: UIImageView = UIImageView(frame: frame)
    imageView.image = image

    let layer = imageView.layer
    layer.masksToBounds = true
    layer.cornerRadius = radius

    UIGraphicsBeginImageContext(imageView.bounds.size)
    layer.render(in: UIGraphicsGetCurrentContext()!)
    let roundedImg = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

    return roundedImg!
}

let img = UIImage(named: "NameOfTheImage")!
let r: CGFloat = 300
roundedImage(from: img, withRadius: r)

若要将图像呈现在特定的圆圈中,而不仅仅是在图像周围,请使用以下命令:

代码语言:javascript
复制
UIGraphicsBeginImageContext(newImageView.bounds.size)

let frame = CGRect(x: 30, y: screenHeight/2 - radius/2 + 30, width: radius - 60, height: radius - 60)

guard let img = imageView.image, let cgImage = img.cgImage, let croppedCGImage = cgImage.cropping(to: frame) else {
    fatalError("Couldn't crop the image")
}

let newImage = UIImage(cgImage: croppedCGImage)
let newImageView: UIImageView = UIImageView(image: newImage)

let layer = newImageView.layer
layer.masksToBounds = true
layer.cornerRadius = radius

layer.render(in: UIGraphicsGetCurrentContext()!)
guard let roundedImg = UIGraphicsGetImageFromCurrentImageContext() else {
    fatalError("Couldn't render the image")
}

UIGraphicsEndImageContext()

// use roundedImg
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52575071

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档