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

我试图减少 to 的 X 比例，image1Rect然后0.025当完成后增加image1Reffrom 0.025to的比例1X。我正在尝试使用附加转换来做到这一点，但由于这对我不起作用，我不得不使用不推荐使用的函数 scale onimage1Ref首先将其比例 X 减小到0.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 回答