javascript - Raphael を使用して SVG rect の不透明度をアニメーション化する際に問題が発生しました

Question

Raphael ライブラリを使用して、長方形の不透明度を 0 から 1 にアニメーション化しようとしています。

ここに私が書いたコードがあります：

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

これは機能しません。初期属性をより低い値に設定でき、スクリプトを実行すると目立つので、これはアニメーション ラインが間違っていると思います。

何か案は？

Answer 1

私はこれが古いことを知っていますが、自分で実行した後にこれを理解しました. プロパティは「塗りつぶし不透明度」であり、塗りつぶしではありません。だから使う

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

Answer 2

$('#'+this.Myrect.node.id).animate({不透明度: 1}, 1000);

この方法を試してください

Answer 3

あなたのコードの問題は、this.myrect.. myRect を として宣言したと仮定しています。paper.rect(...)もしそうなら、なぜ を使用する必要があるのでしょうかthis。

rect.animate()私がモックアップしたこの簡単なJsFiddle を見てくださいthis。私の個人的な経験から、thisイベントをオブジェクトに添付するときに使用されます。