背景
产品想要一个首页的截图功能，一听这个功能，心想那还不简单，将父视图控件转换成图片保存就行了。按照这个思路实现，很快就打脸啦，首页的这些动画一个都没有截出来，就像消失啦似的。然后蠢蠢的将动画暂停再截图，还是截不下这些动画，项目中用来显示动画的框架是腾讯的PAG框架，用的是框架中的pagView控件来加载显示动画。认真翻看了pag文档，硬是没找到截图的接口。那么pagView如何才能实现截图的功能呢？
了解PAG框架
PAG(Portable Animated Graphics) 是一套完整的动效工作流解决方案。
目标是降低或消除动效相关的研发成本，能够一键将设计师在 AE（Adobe After Effects）中制作的动效内容导出成素材文件，并快速上线应用于几乎所有的主流平台。
PAG官网
PagView 实现截图功能
在论坛里终于让我找到了如何实现截图的方法，但是知道了又好像不知道，这个方法看着有点懵，一起来看看吧！
获取CVPixelBuffer
let snapshot: Unmanaged<CVPixelBuffer>? = self.pagView.makeSnapshot()
//takeUnretainedValue 返回被管理的对象的非保留值，也就是将其转换为常规的对象
if let bufferRef = snapshot?.takeUnretainedValue() {
if let image = UIImageTool.getImageFromPixelBuffer(pixelBuffer: bufferRef ) {
self.imageView.image = image
}
}else {
YLLog("nil bufferRef")
}
CVPixelBuffer 转 UIImage
///CVPixelBufferRef 转换为 UIImage
static func getImageFromPixelBuffer(pixelBuffer: CVPixelBuffer) -> UIImage? {
CVPixelBufferLockBaseAddress(pixelBuffer, .readOnly)
let baseAddress = CVPixelBufferGetBaseAddress(pixelBuffer)
let width = CVPixelBufferGetWidth(pixelBuffer)
let height = CVPixelBufferGetHeight(pixelBuffer)
let bytesPerRow = CVPixelBufferGetBytesPerRow(pixelBuffer)
let colorSpace = CGColorSpaceCreateDeviceRGB()
let bitmapInfo = CGBitmapInfo(rawValue: CGBitmapInfo.byteOrder32Little.rawValue | CGImageAlphaInfo.premultipliedFirst.rawValue)
guard let context = CGContext(data: baseAddress, width: width, height: height, bitsPerComponent: 8, bytesPerRow: bytesPerRow, space: colorSpace, bitmapInfo: bitmapInfo.rawValue) else {
CVPixelBufferUnlockBaseAddress(pixelBuffer, .readOnly)
return nil
}
guard let cgImage = context.makeImage() else {
CVPixelBufferUnlockBaseAddress(pixelBuffer, .readOnly)
return nil
}
let image = UIImage(cgImage: cgImage)
CVPixelBufferUnlockBaseAddress(pixelBuffer, .readOnly)
return image
}
感谢您的阅读和参与，HH思无邪愿与您一起在技术的道路上不断探索。如果您喜欢这篇文章，不妨留下您宝贵的赞！如果您对文章有任何疑问或建议，欢迎在评论区留言，我会第一时间处理，您的支持是我前行的动力，愿我们都能成为更好的自己！
