以编程方式截取特定区域的屏幕截图

Question

就像您在我的代码中看到的那样，我截取了一个屏幕截图并将其保存到相册中。

//for retina displays
if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)]) {
    UIGraphicsBeginImageContextWithOptions(self.view.bounds.size, NO, [UIScreen mainScreen].scale);
} else {
    UIGraphicsBeginImageContext(self.view.bounds.size);
}
[self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
UIImageWriteToSavedPhotosAlbum(viewImage, nil, nil, nil);

一开始我使用webview.size 而不是self.view.bounds.size，它工作正常，因为视图位于0/0。但现在我将 WebView 居中，但图片从给定大小的0/0 开始。

对于给定的大小，我如何配置屏幕截图从另一个location（例如300/150）开始？

或者还有其他方法可以给UIWebView 拍照吗？

Answer 1

您需要进行两项更改才能只抓取屏幕的一部分：

1. 创建较小的图像 - 使用您要捕获的矩形大小。
2. 将要渲染的上下文的原点移动到要捕获的矩形的负 x/y 位置。

之后，您只需将图层渲染到您正在执行的上下文中，您应该会得到您正在寻找的内容。应该这样做：

CGRect grabRect = CGRectMake(40,40,300,200);

//for retina displays
if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)]) {
    UIGraphicsBeginImageContextWithOptions(grabRect.size, NO, [UIScreen mainScreen].scale);
} else {
    UIGraphicsBeginImageContext(grabRect.size);
}
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(ctx, -grabRect.origin.x, -grabRect.origin.y);
[self.view.layer renderInContext:ctx];
UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
UIImageWriteToSavedPhotosAlbum(viewImage, nil, nil, nil);

Answer 2

我已经接受并测试了上面@escrafford 的答案，并让它正常工作。我确实在使其成为 UIView 上的类别方法的上下文中对其进行了测试，以便可以参数化“grabRect”。这是代码，作为返回 UIImageView 的 UIView 类别：

/**
 Takes a screenshot of a UIView at a specific point and size, as denoted by
 the provided croppingRect parameter. Returns a UIImageView of this cropped
 region.

 CREDIT: This is based on @escrafford's answer at http://stackoverflow.com/a/15304222/535054
*/
- (UIImageView *)rp_screenshotImageViewWithCroppingRect:(CGRect)croppingRect {
    // For dealing with Retina displays as well as non-Retina, we need to check
    // the scale factor, if it is available. Note that we use the size of teh cropping Rect
    // passed in, and not the size of the view we are taking a screenshot of.
    if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)]) {
        UIGraphicsBeginImageContextWithOptions(croppingRect.size, YES, [UIScreen mainScreen].scale);
    } else {
        UIGraphicsBeginImageContext(croppingRect.size);
    }

    // Create a graphics context and translate it the view we want to crop so
    // that even in grabbing (0,0), that origin point now represents the actual
    // cropping origin desired:
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextTranslateCTM(ctx, -croppingRect.origin.x, -croppingRect.origin.y);
    [self.layer renderInContext:ctx];

    // Retrieve a UIImage from the current image context:
    UIImage *snapshotImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    // Return the image in a UIImageView:
    return [[UIImageView alloc] initWithImage:snapshotImage];
}

Answer 3

我解决了我的问题，但没有回答问题：

我创建了一个UIView 的子类并将我的UIWebView 移到其中，使其相对于子类位于0/0。然后使用WebView的大小：

UIGraphicsBeginImageContext(webview.frame.size);

以及上面的其他代码。

现在您可以将子类移动到您想要的每个位置。

注意：如果您有日期/时间标签之类的标签，您也必须移动它们，否则图片上将看不到它们。

所以创建一个UIView 的子类并移动你想成为的每个IBOutlet 在里面的图片上看到。

问题仍然悬而未决： 那么是否可以对屏幕的特定区域进行拍照呢？

亲切的问候。 $h@rky

Answer 4

- (void)drawRect:(CGRect)rect {
  UIGraphicsBeginImageContext(self.bounds.size);    
  [self.view.layer renderInContext:UIGraphicsGetCurrentContext()];
  UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();
  UIImageWriteToSavedPhotosAlbum(viewImage, nil, nil, nil);  
}

您可以将其称为您的视图：]