2011-04-21 137 views
4

我在頁面上有一個帶有SVG的<div>元素。有時在程序執行期間,包含div的大小和位置發生變化。不幸的是,SVG遵循div,但並沒有隨之擴展。包含元素的大小發生變化時,如何獲得更大或更小的SVG?如何縮放包含SVG的div?

我使用Raphael庫進行SVG創建,並使用jQuery進行事件和DOM操作。

+0

此線程有幫助嗎? http://stackoverflow.com/questions/644896/how-do-i-scale-a-stubborn-svg-embedded-with-the-object-tag – rpamely 2013-03-19 01:50:36

回答

1

您可以使用setViewBox() http://raphaeljs.com/reference.html#Paper.setViewBox

然而,如果你用這個比例就不再是1:1單位:像素比例。

+0

最後我檢查了Raphaël仍然保持'寬度'和'高度'屬性(防止自動縮放),所以僅僅調用setViewBox是不夠的。有關更多詳細信息,請參閱http://stackoverflow.com/a/11190909/109374(和註釋)。 – 2013-04-25 08:21:56