要控制小数位数,在该值末尾添加.toFixed(n)
,n为你希望保留的小数位数。要实现百分比数值,在该值末尾添加+"%"
举个小例子,咱们做一个数值随进度条变化的小动画↓
进度条.gif
用形状工具画一个长条
2017-11-14_175102.png解除这个图层的scale属性的长宽绑定,对其长度K帧,从0到100。 2017-11-14_175130.png
对文本层的source text属性添加表达式,将其链接到形状图层的横向缩放属性上,也就是刚才K帧的属性。 2017-11-14_175224.png
目前为止,移动时间轴滑块,你会看到如下效果↓
2017-11-14_175300.png
一大串数字,这是因为小数位过多,此时我们在表达式后面添加
.toFixed(0)
,这里n=0,即保留0个小数位,那么自然就是整数,当然,整数还有另外的实现方法,例如Math.round()
。然后在加上+“%”
,这样就实现了百分比的数字形式,整个表达式如下↓
image.png
网友评论