gpt4 book ai didi

css - 如何在 Less 中计算正弦、余弦?

转载 作者:技术小花猫 更新时间:2023-10-29 11:08:52 30 4
gpt4 key购买 nike

尝试将以下 php 方法转换为在 .less 样式表中使用:

<?php
$deg2radians = pi() * 2 / 360;
$rad = $degree * $deg2radians;
$costheta = cos($rad);
$sintheta = sin($rad);
?>

在 Less 中,如何在不使用特定语言的 cos()/sin() 函数的情况下实现正弦/余弦方法?

.rotate(@deg) {
// css transform capable browsers properties...

// IE <= 8
@deg2radians: 3.1416 * 2 / 360;
@rad: @degree * @deg2radians;
@sintheta: sin(@rad); // How to sin()?
@costheta: cos(@rad); // How to cos()?

// filter: transform matrix method...
}

最佳答案

好吧,它不是完全独立于语言,但由于它只是 Javascript,所以它应该适用于所有 LESS 实现,除非我没有清楚地考虑这一点。

也就是说,您可以使用 Javascript 来计算正弦和余弦:

.rotate(@deg) {
// css transform capable browsers properties...

// IE <= 8
@deg2radians: 3.1416 * 2 / 360;
@rad: @degree * @deg2radians;
@sintheta: ~`Math.sin(@{rad})`;
@costheta: ~`Math.cos(@{rad})`;

// filter: transform matrix method...
}

反引号用于评估 Javascript,您实际上也可以访问 DOM。例如,以下是完全允许的:

`document.write('Hello!')`

波浪号用于转义,@{}表示变量插值。例如:

@input: 10;

`document.write(Math.sin(@{input}))`;

查看 LESS usage guide了解更多信息。

关于css - 如何在 Less 中计算正弦、余弦?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5971045/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com