Возникли проблемы с анимацией непрозрачности SVG-прямоугольника с помощью Raphael

Question

Я использую библиотеку Raphael и пытаюсь анимировать непрозрачность прямоугольника от 0 до 1.

Вот код, который я написал:

    this.myRect.attr( 'opacity', 0);
    this.myRect.animate({opacity: 1}, 1000);

Это неработать, и я считаю, что это строка анимации, которая является неправильной, поскольку я могу установить начальный атрибут на более низкое значение, и это заметно, когда я запускаю сценарий.

Есть идеи?

Answer 1

Я знаю, что это старо, но я только понял это, столкнувшись с этим самсвойство "fill-opacity" не заполняется.так что используйте

     node.animate({ "fill-opacity": "0.9" }, 200);

Answer 2

$ ('#' + this.Myrect.node.id) .animate ({непрозрачность: 1}, 1000);

попробуйте так

Answer 3

Мне кажется, что проблема с вашим кодом связана с использованием this.myrect..Я предполагаю, что вы объявили myRect как paper.rect(...), если так, зачем вам нужно использовать this.

Посмотрите на этот быстрый JsFiddle, который я смоделировал это в принципеэто демонстрирует, что вы должны использовать rect.animate() (или действительно какой-то другой элемент), но не this.Из моего личного опыта this используется при прикреплении событий к объектам.