2013-03-11 5 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);

由于我使用滑块进行缩放和重置视框需要很长时间,因此我正在检查浏览器版本,并且只在必要时应用它。如果你有时间,你可能想写一个功能检查。