在Firefox/Chrome瀏覽器中使用SVG滾動/ IE

我在SVG中建立了一個相當大的樹形圖。在Firefox/Chrome瀏覽器中使用SVG滾動/ IE

在IE-9中，它可以很好地進行垂直滾動，並可根據需要進行垂直滾動。

在Chrome和Firefox中，並非如此。 Chrome瀏覽器不滾動，但縮小可讓我看到更多。在Firefox中，它只顯示令牌數量的垂直空間。

我假設我在「svg」元素中缺少一些屬性，以使其在Chrome/Firefox中正確顯示，但不知道是什麼。

這裏是文檔源如何開始：

<!DOCTYPE html> 
<html> 
<body> 

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100%" width="100%" style="overflow-x: auto; overflow-y: auto;" > 

    <rect x="685" y="15" rx="10" ry="10" width="380" height="116" style="fill:lightgrey;stroke-width:5;stroke:rgb(0,0,0)" /> 
    <text x="777" y="38" fill="black" font-size = "18" font-family = "sans-serif" font-weight="bold">Folder</text> 
    <text x="960" y="38" fill="black" font-size = "18" font-family = "sans-serif" font-weight="bold">Content</text> 

    <rect x="700" y="45" rx="10" ry="10" width="200" height="75" style="fill:powderblue;stroke-width:1;stroke:rgb(0,0,0)" /> 
    ................... and so on for 150000 lines ...................

上可以添加什麼，所以它會在Chrome/Firefox中呈現，因爲它在IE 9是否有想法？

來源

2013-05-20 Soylent Blue

Firefox目前不支持在外層

將硬編碼值轉換爲「高度」和「寬度」解決了Chrome和Firefox中無法滾動的嚴重問題。

使生成該SVG聰明把在「高度」和「寬度」的適當值的腳本是一種更好的解決方案，但現在，只設置
高度=「50000」寬度=「2400」
而不是使用％值，爲我工作。

來源

2013-05-21 16:21:34

在Firefox/Chrome瀏覽器中使用SVG滾動/ IE

回答

相關問題