如何在較大尺寸的webview中居中放置一個小尺寸的svg圖標？

我正在使用Webview在我的應用程序中加載svg圖標。通過使用scalesPageToFit屬性，它可以很好地處理大圖像。現在我在使用小尺寸圖標來適應webview框架時遇到了問題。如何在較大尺寸的webview中居中放置一個小尺寸的svg圖標？

例如 -
的WebView大小 - 150瓦特* 150H 圖標尺寸 - 30 * 30

在這種情況下，圖標對齊到網頁視圖的左上角位置。有沒有什麼建議可以在Web視圖中居中或在webview框架中放大它？任何建議？

NSURL *imageURL = [NSURL URLWithString:@"...badge.svg"]; 
    NSURLRequest *request = [NSURLRequest requestWithURL:imageURL cachePolicy:NSURLRequestReturnCacheDataElseLoad timeoutInterval: 10.0]; 
    [self.menuView.webView loadRequest:request]; 
    self.menuView.webView.delegate = self;

//委託方法

-(void)webViewDidFinishLoad:(UIWebView *)webView 
{ 
CGSize contentSize = webView.scrollView.contentSize; 
CGSize webViewSize = webView.bounds.size; 
CGFloat scaleFactor = webViewSize.width/contentSize.width; 
webView.scrollView.minimumZoomScale = scaleFactor; 
webView.scrollView.maximumZoomScale = scaleFactor; 
webView.scrollView.zoomScale = scaleFactor; 
webView.scrollView.scrollEnabled = NO; 
}

謝謝！

來源

2017-03-09 Gopik

你如何在webview中添加圖像？ –

@nikdange_me請檢查上面的代碼。 – Gopik

好..檢查@ user1591698 –

試試這個;

NSString *bodyStyleVertical = @"document.getElementsByTagName('body')[0].style.verticalAlign = 'middle';"; 
NSString *bodyStyleHorizontal = @"document.getElementsByTagName('body')[0].style.textAlign = 'center';"; 

[webView stringByEvaluatingJavaScriptFromString:bodyStyleVertical]; 
[webView stringByEvaluatingJavaScriptFromString:bodyStyleHorizontal];

來源

2017-03-14 14:10:58

謝謝@nikdange_me，我已經嘗試了上面的代碼，但它不工作。 – Gopik

你有解決方案嗎？ @ user1591698 –

不！我想我需要問網絡團隊更新svg圖像爲更大和居中。你有其他解決方案嗎？我嘗試了svgKit庫，但對於某些圖像無法正常工作。 – Gopik

如何在較大尺寸的webview中居中放置一個小尺寸的svg圖標？

回答

相關問題