Anti-aliasing not working when resizing a UIWebView

Question

I'd like to add a Web View to my app at 60% scale (like seen in Safari in the browse other windows view):

Notice how the content looks nice and Aliased!

If I try and add the same Web view to my app:

NSURL *url = [NSURL URLWithString:@"http://www.google.co.uk?q=hello"];
NSURLRequest *request = [NSURLRequest requestWithURL:url];

UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 320, 400)];
webView.delegate=self;
[webView loadRequest:request];  
[self.view addSubview:webView];

Using the following transformation:

[webView setTransform:CGAffineTransformMakeScale(0.6, 0.6)];

..the scale is really bad quality and there appears to be no anti-aliasing.

Does anyone know why this is happening or have a suggestion on how it could be fixed?

Thanks! Nick.

Answer 1

I figured out a solution!

Take a snapshot of the webview, add it to a UIImageView and resize that insted!

UIGraphicsBeginImageContext(webView.bounds.size);
[webView.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

UIImageView * imageView = [[UIImageView alloc] initWithFrame:CGRectMake(webView.bounds.x, webView.bounds.y, webView.frame.size.width, webView.size.height)];
imageView.image = viewImage;
[self addSubview:imageView];
[imageView release];

webView.hidden = YES;

Seems to work fine!

One point to note.. if you want to do this as soon as the WebView has loaded, you need to defer the action by some period (I chose a 10th of a second!)

Like so:

-(void)deferLoading
{
    webViewHasActuallyLoaded = YES;
    [self setNeedsLayout];
}

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    [NSTimer scheduledTimerWithTimeInterval: 1.0/10.0 target:self selector:@selector(deferLoading) userInfo:nil repeats:NO];
}

Cheers for suggestions abovee! Nick.