Question

我有以下代码：

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

我正在尝试将image1Rect的X比例缩小为0.025，然后在完成后将image1Ref的比例从0.025增加到1 }。我试图使用附加的变换来做到这一点，但由于这对我不起作用，我必须在image1Ref上使用弃用的函数比例来首先将其缩放X缩小为0.025。

我最好使用附加的变换来做这件事，你能帮帮我吗？

Answer 1

由

中的负整数引起

transform: "S-0.025,1"

负整数会导致图像在该轴上翻转。

使用变换：“S0.025,1”

Answer 2

尝试使用矩阵作为转换的一部分：

var R = this.paper;

循环路径

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

结束循环

＆＃34; M＆＃34;代表矩阵，第四个位置＆＃34; -1＆＃34;表示图像翻转。＆＃34; 1＆＃34;在那个地方 - （y轴位置）将是一个正常的“路径”。决定，观点。请记住，您将不再在屏幕上看到您的图像，因为它已经重新绘制在包含div的上方。据我所知，它使用div的上边缘作为其枢轴。

顺便说一句，其他地方代表某种形式的倾斜＆＃39;对于图像，如果您想要做的就是翻转图像，那就没什么意思了。

要查看我的图像，我必须使用viewBox找到并放大它，如下所示：

R.setViewBox(0,-575,200,200);

Raphael JS翻转图像

2 个答案: