Почему мои цифры, которые я рисую на холсте fabri cjs, размещаются неправильно?

Question

Я пытаюсь создать линейку в Фабри cjs, для этого я рисую линии и числа в для l oop. Линии и числа нарисованы правильно, но 0 всегда находится в одном и том же месте, независимо от того, что я добавляю к s в left: s+x,. Что я делаю не так?

    let w = parseInt(width);
    let h = parseInt(height);
    let c = 0; //count
    let l = h-4; //line
    let z = 2; //"zoom"

    for(let s = 0; s < (w+1); s += z) {

        if (c % 10 === 0 || c === 0) {
            l = l - 20;     // draw every 10th line longer and add a number
            topRuler.add(new fabric.Text(`${c/10}`, {
                left: s+5,
                top: 0,
                fontFamily: 'sans-serif',
                fontSize: 8,
                fill: "#090",
            }));
        } else if(c % 5 === 0) {
            l = l - 4; //every 5th line raised
        }