将 UIWebView 中的所有图像调整到一定宽度以上

发布于 2024-12-05 07:55:28 字数 379 浏览 0 评论 0原文

我正在开发一个 iPhone 应用程序，它将在 web 视图中显示来自 XML 的文本和图像，并将 web 视图放置在滚动视图上（每个 web 视图都是一个页面）。有超过 100 个不同大尺寸的图像，但我已经将我的 webview 放置在宽度为 550、高度为 500 的框架中。

我发现一些图像的宽度超过 550，因此在滚动查看下一页（即下一个 webview 内容）时遇到问题。

我尝试为 webview 设置 scalePageToFit 但图像和文本都显得很小。

任何人都可以帮助将宽度超过 550 像素的所有 Web 视图图像的大小调整为设定宽度 500，以便图像适合 Web 视图吗？这在 iPhone 的 JavaScript 中或通过任何其他方式可能吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

软糯酥胸 2024-12-12 07:55:28

您可以尝试在要加载到 Web 视图中的任何内容前面添加一些 CSS：

img {
  width: 500px;
  height: auto;
}

在 Objective-C 中

NSString *cssString = @"<style type='text/css'>img {width: 500px; height: auto;}</style>";
NSString *htmlString = [NSString stringWithFormat:@"%@%@",cssString,myHTMLContent];
[myWebView loadHTMLString:htmlString];

You could try prepending some CSS to whatever you're loading into the webview:

img {
  width: 500px;
  height: auto;
}

In Objective-C

NSString *cssString = @"<style type='text/css'>img {width: 500px; height: auto;}</style>";
NSString *htmlString = [NSString stringWithFormat:@"%@%@",cssString,myHTMLContent];
[myWebView loadHTMLString:htmlString];

回复收藏 0 原文

绾颜 2024-12-12 07:55:28

use this one  
  - (UIImage*)imageWithImage:(UIImage*)image 
                  scaledToSize:(CGSize)newSize
    {
        UIGraphicsBeginImageContext(newSize);
        [image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];
        UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();

        return newImage;
    }

use this one  
  - (UIImage*)imageWithImage:(UIImage*)image 
                  scaledToSize:(CGSize)newSize
    {
        UIGraphicsBeginImageContext(newSize);
        [image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];
        UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();

        return newImage;
    }

回复收藏 0 原文

横笛休吹塞上声 2024-12-12 07:55:28

作为 NathanGaskin 答案的补充，如果您不想调整宽度小于 500 的图像的大小，可以使用“img {max-width: 500px; height: auto;}”。
有关最大宽度，请参阅： http://www.w3schools.com/cssref/pr_dim_max-宽度.asp

回复收藏 0 原文

~没有更多了~