javascript - RaphaelJS 浏览器与文本定位不兼容

Question

我使用 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" });

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

有什么想法吗？

Answer 1

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