使用结构js中的更新值重新呈现文本

Question

我正在使用fabricjs，并希望每次更新值时都呈现文本。

但是当我这样做时，新文本与旧文本重叠。我试图清除对象，但没有找到任何办法。

下面是描述我在做什么的代码片段：

//console.log('topp'+ rect.getTop());
rect.on('moving', function() {
    var rectTop = rect.getTop();
    var upCounter = 0;
    var downCounter = 0;
    var text40;
    var canvas_objects = canvasForRect._objects;
    // console.log('topp'+ rect.getTop());
    // READ STRING FROM LOCAL STORAGE
    var retrievedObject = localStorage.getItem('heatMapClickData');
    // CONVERT STRING TO REGULAR JS OBJECT
    var text40;
    var last = canvas_objects[canvas_objects.length - 1];

    var parsedObject = JSON.parse(retrievedObject);
    $.each(parsedObject, function(index, item) {
        if (rectTop >= item['pos_y']) {
            upCounter += 1;
        } else {
            downCounter += 1;
        }
        text40 = new fabric.Text("Total clicks above line" + upCounter, {
            fontSize: 40
        });

    });
    // var obj = canvasForRect.getActiveObject();
    // console.log(obj);
    text40.set({
        text: "Total clicks above line" + upCounter
    });
    canvasForRect.add(text40);
    // canvas.renderAll();
});

每次upCounter更新后，如何重新呈现文字？