来自当前状态

Question

我使用内联样式旋转和缩放矩形。在Javascript中我保持当前状态：

var currentScaleIndex = 1;
var currentRotateDegree = 45;

当用户变成矩形时，我会获取当前值并添加新值以获取要应用的新样式：

var currentScaleIndex = 1;
var currentRotateDegree = 90;

问题是动画不是从当前样式发生的，如：

<div style="transform: scale(1, 1); rotateX(45deg);"

到

<div style="transform: scale(1, 1); rotateX(90deg);"

但是从没有缩放或旋转设置的开始样式开始。我该如何解决这个问题？

Answer 1

鲆，

旋转X轴90度将永远不会在页面上显示任何与页面垂直的内容，如果尝试检查100度，110度，120度的x轴，您将会知道它是如何工作的。

如果要将其完全相反旋转，可以将其移动到180度。

希望这会有效!!

干杯!!!