SnapSVG瀏覽器不兼容

這段代碼如何在chrome中而不是在Firefox中順利運行？我使用SnapSVG。SnapSVG瀏覽器不兼容

JS：

var pinguin = Snap("#pinguin"); 

Snap.load("pinguin.svg", bodyload) ; 
function bodyload(data){  
    pinguin.append(data); 
};

HTML：

<svg id="pinguin" ></svg> 
<script src="snap.svg.js"></script> 
<script src="main.js"></script>

我得到在Chrome： Chrome 我得到的Firefox： enter image description here

我試圖讓一個小提琴，但是fiddle doesn't work.

相反，代碼和顯示可以在這裏得到：http://www.pinguin.moe/

你知道我該如何修復Firefox上的顯示？

來源

2014-11-05 sidney

我認爲你需要爲你的外部SVG添加一個寬度和高度。有一個在svg文件中，但沒有在主頁面的標記中。例如，如果將其設置爲800,600，它應該可以工作。

<svg id="pinguin" preserveaspectratio="xMinYMin meet" viewbox="0 0 300 750" width="800" height="600">

來源

2014-11-05 12:01:21 Ian

謝謝，但後來SVG並沒有採取響應方式的全屏，就像我在Chrome上得到的那樣。我的意思是，現在在Chrome上，即使用戶調整窗口大小，SVG也會佔用全屏幕高度，這要歸功於'preserveAspectRatio'屬性。但是當去除寬度和高度時，它不會保持那個比例:( – sidney 2014-11-05 18:43:51

SnapSVG瀏覽器不兼容

回答

相關問題