In our application sometimes there is a need to show webView content as a preview or as a thumbnail and for that simplest solution is to convert html content into image which can then easily be used in our app.
![](http://findnerd.s3.amazonaws.com/imagedata/8502/8502.jpg)
So let's see how to do that:
In case only html string is supplied to your app than its must to first load your content in webView.
NSString *htmlStr = @"<html><body><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p></body></html>";
[self.myWebView loadHTMLString:htmlStr baseURL:nil]; // load your content in webView
Add line of code for converting webPage content into image in webViewDidFinishLoad method which get called after a web view finishes loading a frame.
Here we are calling sizeToFit: after the webview loaded so that all the content get fit into the image.
- (void)webViewDidFinishLoad:(UIWebView *)webView{
[webView sizeToFit]; // to get the exact size of webview content
UIGraphicsBeginImageContext(webView.frame.size);
[webView.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *previewImage = UIGraphicsGetImageFromCurrentImageContext(); // return webView content image
UIGraphicsEndImageContext();
}
0 Comment(s)