数学函数(1)

数学函数简介

数学函数主要用于数组的处理，比如数字的取整四舍五入、三角函数等数学运算。

5.1 ceil 函数

函数作用：取整，将浮点数向下舍入到下一个整数。

参数： number 浮点数。
返回值： 整数。
语法： ceil(number) => value

• 输入代码

.ceil {
  rows: ceil(2.3);
}

• 输出代码

.ceil {
  rows: 3;
}

5.2 floor 函数

函数作用：取整，将浮点数向上舍入到上一个整数。

参数： number 浮点数。

返回值： 整数。
语法： floor(number) => value

• 输入代码

.floor {
  rows: floor(2.8);
}

• 输出代码

.floor {
  rows: 2;
}

5.3 percentage 函数

函数作用：将浮点数转换为百分比字符串。

参数：number 浮点数。

返回值： string 百分比字符串。
语法：percentage(number) => value

• 输入代码

.container {
  width: percentage(0.5);
}

• 输出代码

.container {
  width: 50%;
}

5.4 round 函数

函数作用： 按需舍入。遵循四舍五入。

参数：

• number：浮点数。
• decimalPlaces：（可选）要舍入的小数位数。默认为 0。

返回值： number
语法： round(number) => value

• 输入代码

.round {
  rows: round(1.67);
  rows: round(1.67, 1);
}

• 输出代码

.round {
  rows: 2;
  rows: 1.7;
}

5.5 sqrt 函数

函数作用：计算数字的平方根。保持单位不变。

参数：number 浮点数。

返回值： number
语法： sqrt(number) => value

• 输入代码

.img {
  width: sqrt(25px);
}

• 输出代码

.img {
  width: 5px;
}

5.6 abs 函数

函数作用：计算数字的绝对值。保持单位不变。

参数：number 浮点数。

返回值： number
语法： abs

• 输入代码

.container {
  width: abs(25px);
  height: abs(-18.6%);
}

• 输出代码

.container {
  width: 25px;
  height: 18.6%;
}

5.7 sin 函数

函数作用：计算正弦函数。

假定数字的弧度不带单位。

参数：number 浮点数。

返回值： number
语法： sin(number) => value

• 输入代码

.sin {
  number: sin(1);
}

• 输出代码

.sin {
  number: 0.8414709848078965;
}

5.8 asin 函数

函数作用：计算反正弦函数

返回以弧度表示的数字，例如 -π/2 和之间的数字 π/2。

参数：number [-1, 1]间隔中的浮点数。

返回值： number
语法： asin(number) => value

• 输入代码

.animation {
  rotate: asin(-0.8414709848078965);
}

• 输出代码

.animation {
  rotate: -1rad;
}

5.9 cos 函数

函数作用：计算余弦函数。

假定数字的弧度不带单位。

参数：number 浮点数。

返回值： number
语法： cos(number) => value

• 输入代码

.cos {
  number: cos(1);
}

• 输出代码

.cos {
  number: 0.5403023058681398;
}