在 jquery 中使用 Transform Calc 规则

Posted 2023-02-21

【中文标题】在 jquery 中使用 Transform Calc 规则

【英文标题】：Using Transform Calc rule in jquery

【发布时间】：2022-01-13 20:02:38

【问题描述】：

不知道如何解释我想要实现的目标，但想知道我是否可以在 jquery 中将 calc() 规则与 transform:rotate() 一起使用。

var degree;
    $(".Input").keyup(function()
        degree = $(".Input").val()
    $(".Line").css( 'transform': 'rotate('calc( -180deg + degree + deg)')');

我的最终目标是每次有人在输入字段中输入数字时将旋转偏移 -180。

【问题讨论】：

如果您想使用 calc，请注意确保 calc 中的 + 号前后有一个空格，并且 -180deg 和 deg 以字符串形式给出。

【参考方案1】：

弄清楚没有必要使用 calc，下面是我需要做的来实现偏移旋转。在它进入旋转 .css 之前几乎要进行数学运算

var degree;
$(".Input").keyup(function(e)
    degree = $(".Input").val() - 180;
$(".Line").css( 'transform': 'rotate(' + degree + 'deg)');