Javascript 如何使用jquery处理x、y位置和动态角度的旋转

我的内容可能有一个动态角度（旋转角度将由管理面板管理，从0开始，以360度结束）

但在不同程度上，它不能正常工作：

再看一个135度

看这把小提琴，旋转的文字不是45度。它必须从左上角的动态位置旋转

怎么做

---

谢谢

我不确定我是否正确理解了您的问题，但我认为您可以通过设置变换的元素定位点（例如：

变换原点：左上；

）来解决它，因为默认情况下它被设置为元素的中心。变换原点：左上；并不是所有的学位都适用

function animateScroll(){
    var deg = 45;
    var offset = (deg >= 90) ? $('.parent').height() : $('.parent').width();
    $( ".block" ).each(function () {this.offsetX = offset }).animate({
        offsetX: '-'+$('.block').width()
        }, {
        duration: 10000,
        step: function (now, fx) { //console.log(now)
         var scaleVal =parseInt( now);
         scaleVal += 10;
        $(this).css('transform','rotate('+deg+'deg) translateX('+scaleVal+'px) translateY(0px)'); 
        },
        complete: function () {//console.log('in complate')
             return animateScroll();
         },
        easing: 'linear'
        });
}
animateScroll();