roundPad() V4
Rounds a value to a specified decimal length, pads with zeros if needed, and returns the result as a string, or creates a rounding and padding Function
with a pre-defined decimalLength parameter.
const roundedPaddedValue = utils.roundPad(value, decimalLength);
const roundPadderFunction = utils.roundPad(decimalLength);
Parameters
Name | Accepts |
---|---|
value (opt) | Number / String |
decimalLength | Number |
Returns
A String
if a value is provided, otherwise a chain-able utility Function
to round and pad numbers to the specified decimal length:
const roundPadTo2Decimals = utils.roundPad(2);
roundPadTo2Decimals(90.12345); // '90.12'
roundPadTo2Decimals(120); // '120.00'
roundPadTo2Decimals(15.9); // '15.90'
const snapAndRoundPad = utils.snap(50).roundPad(2); // Snap to nearest 50 then roundPad to 2 decimal places
snapAndRoundPad(123.456); // '100.00'
snapAndRoundPad(175.789); // '200.00'
roundPad() code example
import { animate, utils } from 'animejs';
animate('.value', {
innerHTML: '8.1',
modifier: utils.roundPad(3),
duration: 10000,
ease: 'linear',
});
<div class="large row">
<pre class="large log row">
<span class="value lcd">0.000</span>
</pre>
</div>