iOS 使用WKWebView的截图功能来截取H5页面,并将截图保存到相册。

swift版本

import WebKit
import Photos

// 在您的视图控制器中
class ViewController: UIViewController, WKNavigationDelegate {
    // 声明一个WKWebView实例
    var webView: WKWebView!
    
    // ...
    
    // 在合适的地方初始化并加载H5页面
    func loadWebView() {
        webView = WKWebView(frame: view.bounds)
        webView.navigationDelegate = self
        view.addSubview(webView)
        
        let url = URL(string: "https://example.com")!
        let request = URLRequest(url: url)
        webView.load(request)
    }
    
    // 实现WKNavigationDelegate的方法,以便在页面加载完成后进行截图操作
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        takeScreenshot()
    }
    
    // 截图并保存到相册
    func takeScreenshot() {
        let scrollView = webView.scrollView
    	let originalContentOffset = scrollView.contentOffset
    	let originalContentSize = scrollView.contentSize
    
    	scrollView.contentOffset = .zero
    	scrollView.contentSize = CGSize(width: scrollView.contentSize.width, height: webView.bounds.size.height)
    
    	UIGraphicsBeginImageContextWithOptions(scrollView.contentSize, false, 0.0)
    	guard let context = UIGraphicsGetCurrentContext() else {
        	completion(nil)
        	return
    	}
    
    	for subview in scrollView.subviews {
        	context.saveGState()
        	context.translateBy(x: subview.frame.origin.x - scrollView.contentOffset.x, y: subview.frame.origin.y - scrollView.contentOffset.y)
        	subview.layer.render(in: context)
        	context.restoreGState()
    	}
    
    	let screenshot = UIGraphicsGetImageFromCurrentImageContext()
    	UIGraphicsEndImageContext()
    
    	scrollView.contentOffset = originalContentOffset
    	scrollView.contentSize = originalContentSize
    
    	UIImageWriteToSavedPhotosAlbum(screenshot, nil, nil, nil)
    	completion(screenshot)

    }
    
    // ...
}

请注意,为了将截图保存到相册,您需要在Info.plist文件中添加相册访问权限的描述。将以下内容添加到Info.plist文件中的标签中:

<key>NSPhotoLibraryAddUsageDescription</key>
<string>需要保存截图到相册</string>

OC版本

#import <WebKit/WebKit.h>
#import <Photos/Photos.h>

// 在您的视图控制器中
@interface ViewController () <WKNavigationDelegate>
@property (nonatomic, strong) WKWebView *webView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 初始化并加载H5页面
    self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
    self.webView.navigationDelegate = self;
    [self.view addSubview:self.webView];
    
    NSURL *url = [NSURL URLWithString:@"https://example.com"];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    [self.webView loadRequest:request];
}

#pragma mark - WKNavigationDelegate

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
    [self takeScreenshot];
}

- (void)takeScreenshot {
    UIScrollView *scrollView = self.webView.scrollView;
    CGPoint originalContentOffset = scrollView.contentOffset;
    CGSize originalContentSize = scrollView.contentSize;
    
    scrollView.contentOffset = CGPointZero;
    scrollView.contentSize = CGSizeMake(self.webView.bounds.size.width, [self.webView.scrollView contentSize].height);
    
    UIGraphicsBeginImageContextWithOptions(scrollView.contentSize, NO, 0.0);
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    for (UIView *subview in scrollView.subviews) {
        CGContextSaveGState(context);
        CGContextTranslateCTM(context, subview.frame.origin.x - scrollView.contentOffset.x, subview.frame.origin.y - scrollView.contentOffset.y);
        [subview.layer renderInContext:context];
        CGContextRestoreGState(context);
    }
    
    UIImage *screenshot = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    scrollView.contentOffset = originalContentOffset;
    scrollView.contentSize = originalContentSize;
    
    UIImageWriteToSavedPhotosAlbum(screenshot, nil, nil, nil);
}

@end

同样,在Info.plist文件中添加相册访问权限的描述。在标签中添加以下内容:

<key>NSPhotoLibraryAddUsageDescription</key>
<string>需要保存截图到相册</string>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,以下是使用 AVFoundation 框架开发一个能拍照并保存照片到相册iOS app demo 的步骤: 1. 创建一个新的 Xcode 项目,选择 Single View App 模板,并勾选 "Use SwiftUI" 选项。 2. 在 ContentView.swift 文件中,创建一个 preview 块,并添加一个 Button 视图。 3. 在 Button 的 action 中,调用一个名为 takePhoto 的函数。 4. 在 ContentView.swift 文件中,创建一个名为 CameraView 的自定义视图,并在其中导入 AVFoundation 框架。 5. 在 CameraView 中添加 AVCaptureSession、AVCapturePhotoOutput 和 AVCaptureVideoPreviewLayer 属性。 6. 在 CameraView 的 init 方法中,配置 AVCaptureSession,并将 AVCaptureVideoPreviewLayer 添加到视图上。 7. 实现 takePhoto 函数,在其中调用 AVCapturePhotoOutput 的 capturePhoto 方法,并在 completionHandler 中将照片保存相册中。 8. 在 ContentView 中,将 CameraView 添加为一个子视图,并设置其大小和位置。 9. 运行项目,在模拟器或真机上测试拍照和保存照片的功能。 以下是示例代码: ```swift import SwiftUI import AVFoundation import Photos struct ContentView: View { var body: some View { VStack { CameraView() .frame(width: 300, height: 300) Button("Take Photo") { takePhoto() } } } func takePhoto() { // TODO: Call takePhoto function in CameraView } } struct CameraView: UIViewRepresentable { private let captureSession = AVCaptureSession() private let photoOutput = AVCapturePhotoOutput() private let videoPreviewLayer = AVCaptureVideoPreviewLayer() func makeUIView(context: Context) -> UIView { let view = UIView(frame: .zero) configureCaptureSession() videoPreviewLayer.frame = view.layer.bounds view.layer.addSublayer(videoPreviewLayer) captureSession.startRunning() return view } func updateUIView(_ uiView: UIView, context: Context) { videoPreviewLayer.frame = uiView.layer.bounds } func configureCaptureSession() { guard let device = AVCaptureDevice.default(for: .video), let input = try? AVCaptureDeviceInput(device: device) else { return } if captureSession.canAddInput(input) { captureSession.addInput(input) } if captureSession.canAddOutput(photoOutput) { captureSession.addOutput(photoOutput) } videoPreviewLayer.session = captureSession } func takePhoto() { let settings = AVCapturePhotoSettings() photoOutput.capturePhoto(with: settings, delegate: self) } } extension CameraView: AVCapturePhotoCaptureDelegate { func photoOutput(_ output: AVCapturePhotoOutput, didFinishProcessingPhoto photo: AVCapturePhoto, error: Error?) { guard let imageData = photo.fileDataRepresentation(), let image = UIImage(data: imageData) else { return } PHPhotoLibrary.shared().performChanges({ PHAssetChangeRequest.creationRequestForAsset(from: image) }) { (success, error) in if success { print("Photo saved to library") } else if let error = error { print("Error saving photo to library: \(error.localizedDescription)") } } } } ``` 注意:在运行项目之前,需要在 info.plist 文件中添加 "Privacy - Camera Usage Description" 和 "Privacy - Photo Library Additions Usage Description" 权限描述。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值