2

我们有一个问题似乎发生在旧版本的 WebKit(例如 iOS5)上,其中使用 javascript 添加 svg + svgText 元素,如下所示:

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 添加文本元素的方式由于某种原因不受缩放影响。

有没有人遇到过类似的问题&有什么想法?

感谢您的任何想法!

4

1 回答 1

1

我遇到了同样的问题。简单地更新视图框对我有用。我对不同平板电脑的测试表明,此问题已在 WebKit 版本 535 或 536 中得到修复。

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

由于我使用滑块来缩放和重置视图框需要花费大量时间,因此我正在检查浏览器版本并仅在必要时应用它。如果你有时间,你可能想写一个功能检查。

于 2013-09-20T13:16:13.553 回答