Raphaël Rotate () ошибка в Firefox - PullRequest
Новая
       51

Raphaël Rotate () ошибка в Firefox

0 голосов
/ 08 сентября 2011

Я нарисовал линейную диаграмму с g.raphael.Я сделал собственную ось X со своими значениями.И теперь я хочу, чтобы эти значения были повернуты на 90 градусов, чтобы они были вертикальными, а не горизонтальными.

Для этого я использую функцию rahaels rotate ().И это прекрасно работает как в IE (8), так и в Opera.Но в Firefox ничего не происходит, и Firebug печатает эту ошибку 

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

Я не могу найти ничего об этой ошибке в другом месте, и я не вижу, как она не является правильной.И даже более того, я нахожу крайне странным, что это работает в других браузерах.

Кто-нибудь может дать подсказку по этому поводу?

Мой код - где xcoor - простой список значений int-30: 

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);
}

1 Ответ

0 голосов
/ 09 сентября 2011

Ну, после нескольких часов поиска в Google, чтения и еще одного поиска, я наконец-то нашел решение.

Я до сих пор не понимаю, почему первый не работает. Но тем не менее я нашел способ, который работает во всех браузерах: 

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 равными значениям, помещающим элемент на первое место, дает мне желаемый результат.

Ура!

...