javascript - Raphael JS 翻转图像

标签 javascript raphael transform

我有以下代码:

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 的 X 比例从 0.0251。我正在尝试使用附加变换来做到这一点,但由于这对我不起作用,我不得不在 image1Ref 上使用已弃用的函数缩放,以首先将其缩放 X 减小到 0.025

我希望使用附加转换来完成此操作,您能帮我吗?

最佳答案

是由负整数引起的

transform: "S-0.025,1"

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

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

关于javascript - Raphael JS 翻转图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13974730/

相关文章:

coordinates - 捕捉 Svg 边界框和变换坐标

javascript - 使用 jQuery text() 并替换 + 保留换行符

javascript - 提交按钮在 Bootstrap 表单中不起作用

javascript - Raphael JS 拖动时与墙壁的碰撞检测

javascript - 全尺寸背景图像到 SVG 路径

math - 快速放大三角形的方法

java - 如何在 Java 中对 Polygon 对象应用变换

javascript - 当用户选择 radio 时,将属性插入到输入字段

javascript - 从中心动画/显示内容

javascript - Raphael.JS,防止事件冒泡