数学函数

约 1260 字大约 4 分钟

2025-04-19

一、`abs()` 绝对值

返回给定数字的绝对值。

1、语法

abs(number)

number ：要获取绝对值的数字。

2、示例

abs(-1) // => 1
abs(-5px) // => 5px
abs(5px) // => 5px

二、`ceil()` 向上取整

向上取整函数返回大于或等于给定数字的最小整数。

1、语法

ceil(number)

number ：需要被处理的数字。

2、示例

ceil(5.5px) // => 6px
ceil(5.4px) // => 6px

三、`floor()` 向下取整

向下取整函数返回小于或等于给定数字的最大整数。

1、语法

floor(number)

number ：需要被处理的数字。

2、示例

floor(5.5px) // => 5px
floor(5.4px) // => 5px

四、`round()` 四舍五入

四舍五入函数返回给定数字的四舍五入值。

1、语法

round(number, precision)

number ：需要被处理的数字。
precision ：可选参数，指定要保留的小数位数。

2、示例

round(5.5px) // => 6px
round(5.4px) // => 5px

注意：所有舍入函数都可以接受可选的 precision 参数 - 你可以传递要在句点后保存的位数：

ceil(5.52px,1) // => 5.5px
floor(5.57px,1) // => 5.6px
round(5.52px,1) // => 5.5px

五、`sin()` 正弦函数

返回给定 angle 的正弦值。

1、语法

sin(angle)

angle ：需要被处理的角度。如果角度以度单位给出，如 45deg，则将其视为度数，否则将其视为弧度。

2、示例

sin(30deg) // => 0.5

sin(3*PI/4) // => 0.707106781

六、`cos()` 余弦函数

返回给定 angle 的余弦值。如果角度以度单位给出，如 45deg，则将其视为度数，否则将其视为弧度。

1、语法

cos(angle)

angle ：需要被处理的角度。如果角度以度单位给出，如 45deg，则将其视为度数，否则将其视为弧度。

2、示例

cos(60deg) // => 0.5
cos(3*PI/4) // => 0.7071067811865475
cos(180deg) // => -1

七、`tan()` 正切函数

返回给定 angle 的正切值。如果角度以度单位给出，如 45deg，则将其视为度数，否则将其视为弧度。

1、语法

tan(angle)

angle ：需要被处理的角度。如果角度以度单位给出，如 45deg，则将其视为度数，否则将其视为弧度。

2、示例

tan(45deg) // => 1
tan(90deg) // => Infinity

八、`min()` 最小值

返回两个或多个数字中的最小值。

1、语法

min(number1, number2, ...)

number1 ：第一个数字。
number2 ：第二个数字。
... ：其他数字。

2、示例

min(1, 5) // => 1

九、`max()` 最大值

返回两个或多个数字中的最大值。

1、语法

max(number1, number2,...)

number1 ：第一个数字。
number2 ：第二个数字。
... ：其他数字。

2、示例

max(1, 5) // => 5

十、`even()` 偶数

返回一个布尔值，表示给定数字是否为偶数。

1、语法

even(number)

number ：需要被处理的数字。

2、示例

even(6px) // => true

十一、`odd()` 奇数

返回一个布尔值，表示给定数字是否为奇数。

1、语法

odd(number)

number ：需要被处理的数字。

2、示例

odd(5mm) // => true

十二、`sum()` 求和

返回给定数字的总和。

1、语法

sum(number1, number2,...)

number1 ：第一个数字。
number2 ：第二个数字。
... ：其他数字。

2、示例

sum(1 2 3) // => 6

十三、`avg()` 平均值

返回给定数字的平均值。

1、语法

avg(number1, number2,...)

number1 ：第一个数字。
number2 ：第二个数字。
... ：其他数字。

2、示例

avg(1 2 3) // => 2

十四、`range()` 范围

返回给定 step 的从 start 到 stop（包含）的单位列表。

如果step 参数省略，则默认为 1。step 不能是 0。

1、语法

range(start, stop[, step])

start ：范围的起始值。
stop ：范围的结束值。
step ：可选参数，指定范围的步长。

2、示例

range(1, 6) // => 1 2 3 4 5 6
range(1, 6, 2) // => 1 3 5
range(-6, -1, 2) // => -6 -4 -2
range(1px, 3px, 0.5px) // => 1px 1.5px 2px 2.5px 3px

它最常用于 for 循环

for i in range(10px, 50px, 10)
  .col-{i}
    width: i

输出：

.col-10 {
  width: 10px;
}
.col-20 {
  width: 20px;
}
.col-30 {
  width: 30px;
}
.col-40 {
  width: 40px;
}
.col-50 {
  width: 50px;
}

十五、`base-convert()` 基数转换

用于将数字从一种进制（基数）转换为另一种进制。它通常用于处理颜色值、数字格式化或其他需要进制转换的场景。

1、语法

base-convert(num[, fromBase], toBase)

num：需要转换的数字（可以是字符串或数值）。
fromBase：原始数字的进制（基数，如 2、8、10、16 等）。可选，默认为 10。
toBase：目标进制（基数）。

注意

如果未传入fromBase的话，base-convert会尝试自动检测num的进制。

如果num是一个字符串，它将被视为一个数字字符串，并根据其开头的前缀（如 0x 表示十六进制）来确定进制。
如果num是一个数值，它将被视为十进制数。

2、示例

base-convert(1, 10, 3) // => 将10进制的1转换为3进制：001
base-convert(14, 16, 1) // => 将16进制的14转换为1进制：e
base-convert(42, 2) // => 将2进制的42转换为10进制：101010

更新日志

2025/8/24 08:17

查看所有更新日志

e7112-1于 2025/8/24