1

我使用 RaphaelJS 跨浏览器绘制图像以修复一些兼容性问题。

我在 IE8 上进行测试（因为它不支持 SVG），然后当我完成后，我在 IE9+ 和 Chrome 上进行了测试，我得到的是文本的定位错误。虽然 IE8 的文本定位完美，但在其他浏览器中它都崩溃了，所以我尝试更改位置的值，将其作为字符串或在 'px' 之后：

paper.text("0px", "110px", "Text1").attr({ "fill": "#000099", "font-size": 15, "text-anchor": "start", "font-weight": "bold" });

当我这样做时，它再次与最新的浏览器一起工作，但它完全停止了 IE8（甚至不显示文本）

当我离开时

paper.text(0, 110, "Text1").attr({ "fill": "#000099", "font-size": 15, "text-anchor": "start", "font-weight": "bold" });

在最新的浏览器中，这个位置变得一团糟。

有任何想法吗？

4

1 回答 1

0

显然这是一个已知的错误，发生的情况是在较新的浏览器中，“y”轴需要一半，在示例中，我必须创建一个方法来识别浏览器并将 y 轴值分成两半。

于 2013-09-02T22:07:13.180 回答