이미지 모양을 도형으로 변환하고 확대하는 방법 (swift3)

Question

내가하려는 것은 정사각형 이미지 뷰를 사용하여 3 포인트 삼각형 모양의 3 점 삼각형 모양의 꼭지점과 하단 점을 만듭니다. 기초.

public func shapeImage(with bezierPath: UIBezierPath, size: CGSize, fillColor: UIColor? = UIColor.clear, 
         strokeColor: UIColor? = nil, strokeWidth: CGFloat = 0.0) -> UIImage! { 

UIGraphicsBeginImageContext(size) 
let context = UIGraphicsGetCurrentContext() 
var image = UIImage(data: try! Data(contentsOf: URL(string:"https://a248.e.akamai.net/secure.meetupstatic.com/photos/member/5/3/5/e/highres_260901342.jpeg")!))! 

if let context = context { 
    context.saveGState() 
    context.addPath(bezierPath.cgPath) 

    if let strokeColor = strokeColor { 
     strokeColor.setStroke() 
     context.setLineWidth(strokeWidth) 
    } else { 
     UIColor.clear.setStroke() 
    } 

    fillColor?.setFill() 
    context.drawPath(using: .fillStroke) 

    image = UIGraphicsGetImageFromCurrentImageContext()! 
    context.restoreGState() 
    UIGraphicsEndImageContext() 
} 
return image 

}

나는 정상을하고 더 큰하고 아래쪽에 동일한 크기를 유지하려는. 원본 이미지의 일부분을 가면이나 자르고 싶지 않습니다. 스트레칭을하고 마스킹하지 않고 이미지를 더 크게 만들고 싶습니다. 이 사이트에서이 작업을 수행하는 방법이나 사용 가능 여부를 설명하는 항목을 본 적이 없습니다.

Answer 1

당신은

https://www.innofied.com/implementing-image-masking-in-ios/

이 어떤 문제가 내가 .. 지금은 도움이 당신이나 내 최선의 노력 not..i 보여,

예를 그 코드를 제공하지만 때 참조 할 수 있습니다 :

import UIKit 

class ViewController: UIViewController { 


    @IBOutlet weak var imageView: UIImageView! 
    override func viewDidLoad() { 
     super.viewDidLoad() 
     // Do any additional setup after loading the view, typically from a nib. 
     let image = UIImage(named: "image.gif") 
     let maskingImage = UIImage(named: "mask-image.gif") 
     imageView.image = maskImage(image: image!, mask: maskingImage!) 
    } 

     func maskImage(image:UIImage, mask:(UIImage))->UIImage{ 

     let imageReference = image.cgImage 
     let maskReference = mask.cgImage 

     let imageMask = CGImage(maskWidth: maskReference!.width, 
           height: maskReference!.height, 
           bitsPerComponent: maskReference!.bitsPerComponent, 
           bitsPerPixel: maskReference!.bitsPerPixel, 
           bytesPerRow: maskReference!.bytesPerRow, 
           provider: maskReference!.dataProvider!, decode: nil, shouldInterpolate: true) 

     let maskedReference = imageReference!.masking(imageMask!) 

     let maskedImage = UIImage(cgImage:maskedReference!) 

     return maskedImage 
    } 
} 

Answer 2

마스크로 자르지 않으려면 매우 이상한 왜곡 된 이미지가 있어야합니다. 만약 당신이 정말로 당신이 원하는 것을 확신한다면 https://github.com/Ciechan/BCMeshTransformView을 먼저 사용하여 모든 점들을 아래로 움직여 움직 이도록 움직여 중심점 만 움직이게하십시오. 뭔가 같은 :

BCMeshVertex vertices[] = { 
    {.from = {0.0, 0.0}, .to= {0.0, 0.5, 0.0}}, 
    {.from = {1.0, 0.0}, .to= {1.0, 0.5, 0.0}}, 
    {.from = {1.0, 1.0}, .to= {1.0, 1.0, 0.0}}, 
    {.from = {0.0, 1.0}, .to= {0.0, 1.0, 0.0}}, 
}; 

와 당신이 벡터를 업데이트 집으로 바꿀하고자 할 때 다음 :

BCMeshVertex vertices[] = { 
    {.from = {0.0, 0.0}, .to= {0.0, 0.5, 0.0}}, 
    {.from = {0.5, 0.0}, .to= {0.0, 0.0, 0.0}}, 
    {.from = {1.0, 0.0}, .to= {1.0, 0.5, 0.0}}, 
    {.from = {1.0, 1.0}, .to= {1.0, 1.0, 0.0}}, 
    {.from = {0.0, 1.0}, .to= {0.0, 1.0, 0.0}}, 
}; 

이는 것 Warp \ bend effect on a UIView? 같은 이상한 메쉬, 워프 효과 - 꽤 확신 아주 아주 못 생겼어. 그러나 그것이 당신이 요구 한 것입니다. (CAShapeLayer를 사용하여 이미지를 마스킹하는 훨씬 간단한 솔루션이 있습니다.)

Answer 3

정말 새로운 BezierPath에 또 하나의 지점을 생성하고 동일한하고 fillColor으로 새로운 이미지를 그리는 문제가 표시되지 않는 등 뇌졸중 .. 당신은 ... 이와 같은 확장을 사용할 수

public class func shapeImage(with bezierPath: UIBezierPath, size: CGSize, fillColor: UIColor? = UIColor.clear, 
          strokeColor: UIColor? = nil, strokeWidth: CGFloat = 0.0) -> UIImage! { 

    UIGraphicsBeginImageContext(size) 
    let context = UIGraphicsGetCurrentContext() 
    var image = UIImage() 
    if let context = context { 
     context.saveGState() 
     context.addPath(bezierPath.cgPath) 

     if let strokeColor = strokeColor { 
      strokeColor.setStroke() 
      context.setLineWidth(strokeWidth) 
     } else { 
      UIColor.clear.setStroke() 
     } 

     fillColor?.setFill() 
     context.drawPath(using: .fillStroke) 

     image = UIGraphicsGetImageFromCurrentImageContext()! 
     context.restoreGState() 
     UIGraphicsEndImageContext() 
    } 
    return image 
}