限制SVG到div的邊界

Question

我試圖表現出對使用拉斐爾一個div多個多邊形作爲SVG圖像。雖然，我已經建立了規模爲DIV拉斐爾得到作爲參數來創建文件對象，div元素的大小的不尊重和圖像的繪製DIV邊界（我莫名其妙地理解之外，作爲多邊形座標超出了div邊界）。

有沒有什麼辦法讓SVG表現得像是，一旦瀏覽器窗口大小變化自動縮放，防止被吸入股利邊界（如的行爲）之外的SVG正常的形象呢？

乾杯， 最大

Answer 1

設置overflow風格的div是溢出：汽車或溢出：隱藏。 div的默認值爲overflow：visible，這使得SVG在div外面流血。不過，如果你想整個SVG爲「規模化」，所以你可以看到整個事情，你需要擴展和翻譯在畫布上的每個元素拉斐爾（即變焦）。我已經完成了滾動和縮放，但顯然，滾動更容易。

Answer 2

爲了讓拉斐爾的元素填充包含的元素（聽起來像你想要的），使用方法：

var paper = Raphael("someElement", "100%", "100%"); 

我只用Firefox和Chrome測試，但似乎工作沒關係。

Answer 3

好像有一兩個問題。

http://www.irunmywebsite.com/raphael/scaleraphael.php

：

對於「與像的圖像瀏覽器窗口會自動縮放」的事情，你可以在這個例子中的代碼，它不工作來看看