Как определить величину перекоса transform skew?

Question

[Дмитрий]

Допустим, нам заведомо известна высота блока и значение перекоса в градусах, тогда как вычислить x - дистанция в пикселях, которая, находится в прямой зависимости от высоты блока?

Comments

[Lynn «Кофеман»]

Школьная тригонометрия. Высота * котангенс тэта

[Азиз Таджитдинов]

x=H∗tan(α)x = H * tan(α)


αrad=αdeg∗π180α_{rad} = α_{deg} * \frac{π}{180}

[Дмитрий]

Lynn «Кофеман», Азиз Таджитдинов, Спасибо вам! Однако, очень сложно! Я если честно, ничего не понял еще в самом начале, когда нашел на англоязычном сайте подобные вашим формулы и даже gpt - не смог мне, необразованному объяснить. Так что, я решил пойти несколько безобразным путем. С помощью js определяя, насколько блок с перекосом выходит за пределы родительского контейнера - настолько установить ему margin, дабы вписать его в родительский контейнер.

[Азиз Таджитдинов]

Дмитрий, тут не сложно, у прямоугольного треугольника отношение прилежащего катета(x) к противолежащему это тангенс, тетта, если угол нам известен просто нужно обратить формулу

Answer 1

[Азиз Таджитдинов]

x=H∗tan(α)x = H * tan(α)

αrad=αdeg∗π180α_{rad} = α_{deg} * \frac{π}{180}