Динамический дизайн счетов с использованием SVG и руля

Question

Я пытаюсь создать дизайн Invoice, используя SVG и Handlebar .

Процесс выглядит следующим образом:

Сначала я создалдизайн счета в Inkscape (формат .svg) и используемый шаблон руля для динамических значений.

Вот ajax:

zubizi.getSalesById(id).then(function (sales_details) {
    $.ajax({
        url: '/assets/img/print.svg',
        dataType: 'text',
        success: function (data) {
            var bill = Handlebars.compile(data);
            console.log(zubizi.settings);
            $('#print-placeholder').html(bill(sales_details));
        }
    });
});

Шаблон руля:

Вот вывод: Работает, но элементы накладной накладываются друг на друга

Как изменить значение Y объекта внутри этого руль каждый цикл ??

Могу ли я использовать внешние объекты или динамически устанавливать значения Y ??Как ??

Любые идеи будут оценены.