这是背景图片 这是徽标 我们如何在Swift中制作这样的图像? 更新 现在我设法使用徽标作为面具并得到这样的东西, 有没有办法扭转面具? 这是我的代码 let logo = UIImage(named: "logo")!let
这是徽标
我们如何在Swift中制作这样的图像?
更新
现在我设法使用徽标作为面具并得到这样的东西,
有没有办法扭转面具?
这是我的代码
let logo = UIImage(named: "logo")! let mask = CALayer() mask.contents = logo.CGImage mask.frame = mImageView.layer.bounds mImageView.layer.mask = mask您可以使用UIBezierPath以编程方式执行此操作:
// lets create a view and an image for testing let picture = UIImage(data: try! Data(contentsOf: URL(string: "http://i.stack.imgur.com/Xs4RX.jpg")!))! // lets create a view and an image for testing let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: picture.size.width, height: picture.size.height)) imageView.image = picture // now a layer for the mask let maskLayer = CAShapeLayer() // a path for the logo let maskPath = CGMutablePath() // create your logo path (I've added this circle to represent your logo path) maskPath.addEllipse(in: CGRect(x: imageView.frame.midX - 150, y: imageView.frame.midY - 150, width: 300, height: 300)) // you will need a rectangle that covers the whole image area to intersect with your logo path maskPath.addRect(CGRect(x: 0, y: 0, width: picture.size.width, height: picture.size.height)) // add the mask to your maskLayer maskLayer.path = maskPath // choose the fill rule EvenOdd maskLayer.fillRule = kCAFillRuleEvenOdd // add your masklayer to your view imageView.layer.mask = maskLayer imageView
如果您需要使用图像并以编程方式反转徽标的alpha,则可以使用kCGBlendModeDestinationOut执行以下操作:
import UIKit extension UIImage { func masked(with image: UIImage, position: CGPoint? = nil, inverted: Bool = false) -> UIImage? { let position = position ?? CGPoint(x: size.width.half - image.size.width.half, y: size.height.half - image.size.height.half) defer { UIGraphicsEndImageContext() } UIGraphicsBeginImageContextWithOptions(size, false, scale) draw(at: .zero) image.draw(at: position, blendMode: inverted ? .destinationOut : .destinationIn, alpha: 1) return UIGraphicsGetImageFromCurrentImageContext() } }
let picture = UIImage(data: try! Data(contentsOf: URL(string: "http://i.stack.imgur.com/Xs4RX.jpg")!))! let logo = UIImage(data: try! Data(contentsOf: URL(string: "https://www.dropbox.com/s/k7vk3xvcvcly1ik/chat_bubble.png?dl=1")!))! let view = UIView(frame: UIScreen.main.bounds) view.backgroundColor = .blue let iv = UIImageView(frame: UIScreen.main.bounds) iv.contentMode = .scaleAspectFill iv.image = picture.masked(with: logo, inverted: true) view.addSubview(iv)