Question

我正在使用补间在X轴和Y轴上旋转。但我似乎无法找到正确的javascript来编辑css。

目标是一个div，使用以下代码，它只会在忽略Y轴的情况下旋转轴。

它使用Tween JS

function update() {

    target.style.left = position.x + 'px';
    target.style.top = position.y + 'px';
    target.style.webkitTransform = 'rotateY(' + Math.floor(position.rotation) + 'deg)';
    target.style.MozTransform = 'rotateY(' + Math.floor(position.rotation) + 'deg)';
    target.style.webkitTransform = 'rotateX(' + Math.floor(position.rotation) + 'deg)';
    target.style.MozTransform = 'rotateY(' + Math.floor(position.rotation) + 'deg)';

}

如何告诉javascript在两个轴上旋转而不仅仅是一个轴？

Answer 1

用空格分隔参数。例如：

target.style.webkitTransform = 'rotateX(' + Math.floor(rotationX) + 'deg) rotateY(' + Math.floor(rotationY) + 'deg)';

（如果您更改同一属性两次，则只会覆盖以前的值。）

Javascript在X轴和Y轴上进行转换（CSS 3D）

1 个答案: