2013-06-21 106 views
0

我想縮放我的svg,使寬度儘可能大。 我嘗試這樣做:將svg縮放到整個寬度

<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    preserveAspectRatio="xMinYMin meet" 
    width="345px" height="524px" viewBox="0 0 345 524" enable-background="new 0 0 345 524" xml:space="preserve"> 

而我的HTML是:

<object width="100%" data="pdftosvg.svg"></object> 

但它不能在鉻工作。我可以使寬度比這更小。如果我設置width =「50px」,它會變小。但即使我設置width =「2000px」,它並沒有像我想要的那麼大。

這裏是我的網頁:https://dl.dropboxusercontent.com/u/58922976/Test/index.html

我怎樣才能解決這個問題?

回答

2

而不是<object>使用<img>

<img width="100%" src="pdftosvg.svg"></img> 

這應該縮放。您也可以將寬度設置爲2000px。

以下是瀏覽器對img標籤中svgs的支持:http://caniuse.com/svg-img

+0

謝謝!完美的作品 – Kasper

+0

本文在討論流體圖像技術方面做得很好:http://demosthenes.info/blog/586/CSS-Fluid-Image-Techniques-for-Responsive-Site-Design –