jquery - 使用 jquery 或 javascript 改变变换 Angular

Question

.rot div 有transform:rotateX(0deg) rotateY(0deg)。 我想根据 4 个按钮 .x-inc, .x-dec, .y-inc, .y-dec 增加或减少旋转 x 或 y 但是当我做 rot .css("transform") 它给了我矩阵形式而不是 string 或 deg 。现在我将如何根据点击的按钮改变这些旋转？

Answer 1

您可以通过多种方式完成，但这里有一个简单的 fiddle ，向您展示了三个 - FIDDLE

1. 添加一个45度的类(class)

2. 直接调用转换

3. 创建一个函数并传递一个数字

JS

$('.clickme1').on('click', function(){
     $('.rotateme').addClass( 'rotatemenow' );
});

$('.clickme2').on('click', function(){
    $('.rotateme').css( 'transform', 'rotate(45deg)');
});

$('.45degrees').on('click', function(){
    spinabox(45);
});

$('.60degrees').on('click', function(){
    spinabox(60);
});

function spinabox (angle)
{
    $('.rotateme').css( 'transform', 'rotate(' + angle + 'deg)');
}