Question

我用g.raphael绘制了一个折线图。我用自己的值制作了一个自定义的x轴。现在我希望这些值旋转90度，因此它们是垂直的而不是水平的。

要做到这一点，我正在使用raphaels rotate（）函数。这在IE（8）和Opera中都很完美。但在Firefox中没有任何反应，Firebug会打印此错误

Unexpected value rotate(90 NaN Infinity) parsing transform attribute.

我在其他地方找不到关于此错误的任何内容，我看不出它是如何不正确的。更重要的是，我觉得它在其他浏览器中工作非常奇怪。

有人对此有所了解吗？

我的代码 - 其中xcoor是值0-30的简单int列表：

for (var i in xcoor) {
     var dato = new Date();
     dato.setDate(new Date().getDate() - i);

     var xTxt = r.text(30 + (i * (725 / 30)), 315, dato.getDate() + '/' + (dato.getMonth() + 1)).rotate(90);
}

Answer 1

好吧，经过数小时的谷歌搜索，阅读和更多的谷歌搜索，我终于找到了解决方案。

我仍然不明白为什么第一个不起作用。但是，我发现了一种适用于所有浏览器的方式：

for (var i in xcoor) {
     var dato = new Date();
     dato.setDate(new Date().getDate() - i);
     var xTxt = blokCanvas.text(40 + (i * (725 / 30)), 315, dato.getDate() + '/' + (dato.getMonth() + 1))
     xTxt.rotate(90, (40 + (i * (725 / 30))), 315);
}

旋转功能有更多不同的版本。其中之一就是这个

rotate(degrees, x, y)

其中度表示项目应旋转的度数，x，y表示项目应旋转的点的坐标。

将x，y值设置为与首先放置项目的值相同，可以得到想要的结果。

耶！

Firefox中的raphaëlrotation（）错误

1 个答案: