iOS:缩放适合或填充 UIWebView 中的本地镜像？

Question

我正在使用 UIWebView 显示存储在本地磁盘上的 gif 动画，因为 UIImageView 不适用于 gif 格式。这是我的做法:

[webView loadData:imageData MIMEType:@"image/gif" textEncodingName:nil baseURL:nil];

我从 here 找到了解决方案.

现在的问题是图像的位置。请参阅下面的屏幕截图。 UIWebView 框架是 (20, 20, 280, 280)。但是图像位于左上角，其内容大小。

如何使此图像缩放以适合 UIWebView 框架？我试过“scalesPageToFit = YES”和“contentMode = UIViewContentModeScaleAspectFit”，但没有用。也许在 html 中指定一些东西？请帮忙。

Answer 1

实际上，有几种方法可以在 imageview 中使用动画 GIF，而且我认为这比仅为此目的使用 webView 要好得多。

我个人使用 SDWebImage，它可以很容易地与 cocoa pod 一起使用。看到这个:https://github.com/rs/SDWebImage

将 SDWebImage 集成到您的项目后，只需导入此 header :

#import "UIImage+GIF.h"

然后像这样设置 gif 图像:

self.imageView.image = [UIImage sd_animatedGIFNamed:@"loading"] //loading.gif it's a gif image inside the project bundle

如果您仍然坚持使用 webview，那么在其中调整图像大小的唯一方法是使用 javascript。

使用 javascript 选择图像并编辑它的高度和宽度属性。您可以使用以下函数在 webView 中运行 javascript 代码:

 [self.webView stringByEvaluatingJavaScriptFromString:@"-javascript code here-"];

因此，在您的情况下，它将是这样的:

[self.webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('img')[0].style.width = '280px'"];

[self.webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('img')[0].style.height = '280px'"];