Изменить размер всех изображений в UIWebView выше определенной ширины - PullRequest
Новая
       19

Изменить размер всех изображений в UIWebView выше определенной ширины

0 голосов
/ 16 сентября 2011

Я занимаюсь разработкой приложения для iPhone, которое будет отображать текст и изображения из XML в веб-обзорах и размещать веб-просмотры поверх прокрутки (каждое веб-представление представляет собой страницу). Есть более 100 изображений разных больших размеров, но я разместил свое веб-изображение с рамкой шириной 550 и высотой 500.

Я обнаружил, что некоторые изображения имеют ширину более 550, поэтому у меня возникают проблемы при прокрутке для просмотра следующей страницы (имеется в виду следующее содержимое веб-просмотра).

Я попытался установить scalePageToFit для веб-просмотра, но изображение и текст выглядят маленькими.

Может ли кто-нибудь помочь изменить размер всего изображения веб-просмотра, ширина которого превышает 550 пикселей, до установленной ширины 500, чтобы изображения помещались в веб-просмотр? Это возможно в JavaScript для iPhone или любым другим способом?

Ответы [ 3 ]

5 голосов
/ 16 сентября 2011

Вы можете попробовать добавить немного 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];
1 голос
/ 16 сентября 2011 
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 голосов
/ 29 июля 2013

Так же, как дополнение к ответу Натана Гаскина, вы можете использовать «img {max-width: 500px; height: auto;}», если вы не хотите изменять размер изображений, ширина которых меньше 500. Для максимальной ширины см .: http://www.w3schools.com/cssref/pr_dim_max-width.asp

...