Итак, я указал Rect как:
addRect() {
let square = new fabric.Rect({
width: 20,
height: 30,
stroke:"yellow",
strokeWidth:10,
left: 50,
top: 50,
strokeUniform:true,
fill:"rgba(0,0,0,0.2)",
flipX:true
});
this.canvas.add(square);
}
На холсте я получаю что-то вроде этого:
Я временно сохраняю данные холста:
saveData() {
let jsonData = JSON.stringify(this.canvas);
localStorage.setItem('data', jsonData);
this.dataPreview.nativeElement.value = jsonData;
}
И затем я загружаю эти данные обратно на холст:
loadData() {
let jsonData = localStorage.getItem('data');
this.canvas.loadFromJSON(
jsonData,
() => {
this.canvas.requestRenderAll();
this.dataPreview.nativeElement.value = jsonData;
},
this.onDataLoadFailed
);
}
Я получаю что-то вроде этого на холсте:
Как мне это исправить? Я думаю, что проблема может заключаться в том, что данные JSON не имеют никакого значения для strokeUniform.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вау, это сработало просто отлично, большое спасибо!