Less数学函数和类型函数(11)

数学函数

ceil()函数

作用:向上取整
例子:
Less中编写

div{
    
    
	width:ceil(2.5px);
}

编译结果

div{
    
    
	width:3px;
}

floor()函数

作用:向下取整
例子:
Less中编写

div{
    
    
	width:floor(2.5px);
}

编译结果

div{
    
    
	width:2px;
}

percentage()函数

作用:将浮点数转换为百分比
例子:
Less中编写

div{
    
    
	width:percentage(2.5px);
	width:percentage(1px);
}

编译结果

div{
    
    
	width:250%;
	width:100%;
}

round()函数

作用:四舍五入取整
例子:
Less中编写

div{
    
    
	width:round(2.5px);
	height:round(2.4px);
}

编译结果

div{
    
    
	width:3px;
	height:2px;
}

sqrt()函数

作用:计算一个数的平方根,保持原单位
例子:
Less中编写

div{
    
    
	width:sqrt(4px);
}

编译结果

div{
    
    
	width:2px;
}

abs()函数

作用:计算数字的绝对值,保持原单位
例子:
Less中编写

div{
    
    
	width:abs(-4px);
}

编译结果

div{
    
    
	width:4px;
}

sin()函数

作用:正弦函数
例子:
Less中编写

div{
    
    
	width:sin(1); // 1弧度的正弦值,没带单位默认是弧度制
	height:sin(1deg); // 1度的正弦值
	height:sin(1grad); // 1百分度的正弦值
}

编译结果

div{
    
    
	width:0.84147098;
	height:0.01745241;
	height:0.01570732;
}

asin()函数

作用:反正弦函数

cos()函数

作用:余弦函数

acos()函数

作用:反余弦函数

tan()函数

作用:正切函数

atan()函数

作用:反正切函数

pi()函数

作用:返回π
例子:
Less中编写

div{
    
    
	width:pi();
}

编译结果

div{
    
    
	width:3.14159265;
}

pow()函数

作用:乘方运算
例子:
Less中编写

div{
    
    
	width:pow(2px,3); // 2的3次方
}

编译结果

div{
    
    
	width:8px;
}

mod()函数

作用:取余运算
例子:
Less中编写

div{
    
    
	width:mod(3px,2); // 3%2=1
}

编译结果

div{
    
    
	width:1px;
}

min()函数

作用:最小值运算
例子:
Less中编写

div{
    
    
	width:min(3px,2px,1px);
}

编译结果

div{
    
    
	width:1px;
}

max()函数

作用:最大值运算

类型函数

isnumber()函数

作用:检查传入参数是否为一个数字,是数字就返回true,不是数字返回false
例子:
Less中编写

.m(@x) when (isnumber(@x)){
    
    
	x:@x;
}

div{
    
    
	.m(123);
	.m(ABC);
}

编译结果

div{
    
    
	x:123;
}

isstring()函数

作用:检查传入参数是否为一个字符串,是就返回true,不是返回false

iscolor()函数

作用:检查传入参数是否为一个颜色,是就返回true,不是返回false

iskeyword()函数

作用:检查传入参数是否为一个关键字,是就返回true,不是返回false

isurl()函数

作用:检查传入参数是否为一个url地址,是就返回true,不是返回false

ispixel()函数

作用:检查传入参数是否为一个带像素长度单位的数字,是就返回true,不是返回false

isem()函数

作用:检查传入参数是否为一个带em长度单位的数字,是就返回true,不是返回false

ispercentage()函数

作用:检查传入参数是否为一个带百分比单位的数字,是就返回true,不是返回false

isunit()函数

作用:检查传入参数是否为一个带指定单位的数字,是就返回true,不是返回false

例子:
Less中编写

.m(@x) when (isunit(@x,px)){
    
    
	x:@x;
}

div{
    
    
	.m(123);
	.m(220px);
	.m(220em);
	.m(220%);
}

编译结果

div{
    
    
	x:220px;
}

猜你喜欢

转载自blog.csdn.net/weixin_44679078/article/details/113124718