es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Utilizando la regla de cálculo Transform Calc en jQuery.

No estoy seguro de cómo explicar lo que estoy tratando de lograr, pero me gustaría saber si puedo usar la regla calc() con transform:rotate() dentro de jquery.

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

Mi objetivo final es compensar una rotación por -180 cada vez que alguien ingrese un número en un campo de entrada.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Sí, puedes usar la regla calc() con transform:rotate() dentro de jQuery. En el fragmento de código proporcionado, la variable degree se establece con el valor del campo .Input cada vez que ocurre un evento keyup en ese campo. Luego, el elemento .Line se gira usando la propiedad transform y una expresión calc() que resta 180 grados al valor de degree. Esto offset la rotación en -180 grados cada vez que se ingresa un número en el campo de entrada.

Comments are closed.