Ich versuche, einem Pfadobjekt dynamisch Punkte hinzuzufügen. Wenn ich das tue, wird der Pfad korrekt gerendert, aber das Begrenzungsrechteck wird nie aktualisiert, was es einem Benutzer fast unmöglich macht, den Pfad auf der Zeichenfläche auszuwählen und zu verschieben.

Wie Sie im folgenden Code sehen können, wird der Pfad zunächst mit einem einzelnen Punkt erstellt. Anschließend füge ich dynamisch einen zweiten Punkt sowie einen Kontrollpunkt hinzu. Danach wird das Begrenzungsrechteck nie mehr aktualisiert:

var canvas = new fabric.Canvas('c');
canvas.backgroundColor = '#f5f5f5';
var path = new fabric.Path('M 0 20',{
    left: 100,
    top: 100,
    stroke: 'black',
    fill: ''
});

canvas.add(path);

var commandArray = [];
commandArray[0] = 'Q';
commandArray[1] = 50;
commandArray[2] = 100;
commandArray[3] = 100;
commandArray[4] = 20;

path.path[1] = commandArray;

canvas.renderAll();

Ich habe auch versucht, @ anzurufpath.setCoords(), aber das hat keinen Unterschied gemacht. Wie kann ich das Begrenzungsrechteck dazu bringen, seine Abmessungen zu aktualisieren, nachdem einem Pfad Punkte hinzugefügt wurden?

Hier ist eine Geige:http: //jsfiddle.net/flyingL123/17ueLva2/2