2013-03-11 4 views
2

加入SVG元素我們這出現在舊版本的WebKit的發生(的iOS5例如)一個問題,即使用JavaScript添加SVG + svgText元素,就像這樣:CSS放大不影響通過的Javascript

var box = document.createElementNS("http://www.w3.org/2000/svg","svg"); 
var text = document.createElementNS("http://www.w3.org/2000/svg","text"); 

這然後在縮放設置的div內,svgTexts不會像其他元素(包括svg圖形等)一樣縮小或縮小。

我已經確認,只需從DOM生成的html,並直接添加,結果是縮放正確應用,所以它的方式文本元素的方式添加的javascript問題不受縮放影響一些原因。

有沒有人遇到過類似的問題&有什麼想法嗎?

感謝您的任何想法!

+0

我的想法:瀏覽器縮放是一場災難。解決方法是浪費時間。 – 2013-03-11 19:41:52

+0

這是CSS縮放,您可能會建議使用同樣的方法。但是,這確實適用於所有其他瀏覽器,因此獲得更多有建設性的反饋意見會很棒。非常感謝。 – waxical 2013-03-12 08:37:54

回答

1

我遇到了同樣的問題。只是更新視圖框爲我工作。我使用不同的平板電腦進行的測試顯示,此問題已通過WebKit版本535或536解決。

我在Raphael中使用以下內容: pPaper.setViewBox(0,0,pPaper.width,pPaper.height);

由於我使用滑塊進行縮放和重置視框需要很長時間,因此我正在檢查瀏覽器版本,並且只在必要時應用它。如果你有時間,你可能想寫一個功能檢查。