CSS Zoom 不影响 Javascript 添加的 SVG 元素答案

【问题标题】：CSS Zoom not affecting SVG elements added by JavascriptCSS Zoom 不影响 Javascript 添加的 SVG 元素
【发布时间】：2013-09-20 22:39:43
【问题描述】：

我们有一个问题似乎发生在旧版本的 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 添加文本元素的方式由于某种原因不受缩放影响.

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

感谢您的任何想法！

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：