使用SVG和车把的动态发票设计

Question

我正在尝试使用 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值？怎么样？

任何想法都会受到赞赏。