0

私は次のコードを持っています：

image1Rect.animate({
    transform: "S-0.025,1"
}, 1000, 'easeOut', function () {
    image1Rect.hide();
    image1Ref.show();
    image1Ref.scale(0.025, 1);
    image1Ref.animate({
        transform: "S1,1"
    }, 1000, 'easeOut');
});

ここで、からのXスケールを縮小しようとしimage1Rectています。0.025それが完了したら、image1RefからのスケールXを増やします。追加された変換を使用してこれを実行しようとしていますが、それが機能しなかったため、非推奨の関数scale onを使用して、最初にスケールXをに縮小する必要がありました。0.0251image1Ref0.025

理想的には、追加された変換を使用してこれを実行したいと思います。手伝っていただけませんか。

4

2 に答える 2

3

の負の整数が原因です

transform: "S-0.025,1"

負の整数を使用すると、画像がその軸で反転します。

変換を使用： "S0.025,1"

于 2012-12-20T15:10:41.473 に答える
0

変換の一部としてマトリックスを使用してみてください。

var R = this.paper;

パスをループする

R.path(blah blah).attr(blah blah).transform("m1,0,0,-1,0,0");

ループ終了

「m」は行列を表し、4位の「-1」は画像の反転を表します。その場所の「1」-（y軸の場所）は、通常の「パスとして」指示されます。含まれているdivのかなり上に再描画されているため、画面に画像が表示されなくなることに注意してください。私の知る限り、divの上端をピボットとして使用しています。

余談ですが、他の場所は画像の「スキュー」の形式を表しています。これは、画像を反転するだけの場合は面白くありません。

画像を表示するには、次のように、viewBoxを使用して画像を見つけてその上をズームする必要がありました。

R.setViewBox(0,-575,200,200);
于 2014-06-06T16:53:47.157 に答える