javascript - CSS Zoom 不影响 Javascript 添加的 SVG 元素

Question

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

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

感谢您的任何想法！

score 1 · Accepted Answer

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

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

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

1 回答 1