使用 jquery 或 javascript 更改变换角度

【问题标题】：Alter transform angle using jquery or javascript使用 jquery 或 javascript 更改变换角度
【发布时间】：2014-06-13 11:15:10
【问题描述】：

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

【问题讨论】：

标签： jquery css matrix rotation transform

【解决方案1】：

您可以通过多种方式做到这一点，但这里有一个简单的小提琴，向您展示了三种方式 - FIDDLE

添加 45 度类
直接调用转换
创建一个函数并传递一个数字

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

【讨论】：