ротация не распознается как свойство attr () - PullRequest
Новая
       2

ротация не распознается как свойство attr ()

0 голосов
/ 12 января 2012

Я использую Рафаэля.Вот код для блока тетриса, который я хочу вращать с анимацией: 

function ele(id) {
        return document.getElementById(id);
    }

    window.onload = function() {
        var paper = new Raphael(ele('canvas_container'), 500, 500);

        var tetronimo = paper.path('M 250 250 l 0 -50 l -50 0 l 0 -50 l -50 0 l 0 50 l -50 0 l 0 50 z')
        tetronimo.attr({
            gradient: '90-#526c7a-#64a0c1',
            stroke: '#3b4449',
            'stroke-width':10,
            'stroke-linejoin':'round',
            rotation:-90, //**This is where the problem is**
            title:'This is a tetris block'
        });

        tetronimo.animate({
            rotation:360 //**This is where the problem is**
        }, 2000, 'bounce');
    }

Этот код также можно найти в этом уроке: http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/

Нет событий, другихчем onload, которая запускает анимацию, но при загрузке страницы анимация не выполняется.Я также пытался использовать метод преобразования Рафаэля: 

tetronimo.attr({
            gradient: '90-#526c7a-#64a0c1',
            stroke: '#3b4449',
            'stroke-width':10,
            'stroke-linejoin':'round',
            transform:'r90',
            title:'This is a tetris block'
        });
tetronimo.animate({
            transform:'r360'
        }, 2000, 'bounce');

Но это также не работает.Идеи?

1 Ответ

1 голос
/ 12 января 2012

Согласно этому ответу , ротация была удалена с помощью Raphael 2.0.

Я попробовал ваш transform пример на странице Raphael Playground , и он сработал для меня

...