this.canvas.loadFromJson 不是函数

Question

我一直在尝试使用以下来源将 canvas 设置保存到我的 localStorage 系统中：

saveToJson(){
let json = this.canvas.saveToJson();
console.log(json);
localStorage.setItem('canvasSettings',json);}

并尝试使用此代码重新加载已保存的 canvas：

  loadJson(){
let savedCanvas= localStorage.getItem('canvasSettings');
console.log(savedCanvas);
this.canvas.loadFromJson(savedCanvas,()=>{console.log(savedCanvas)});


this.canvas.renderAll();}

不幸的是，它一直给我这个错误：this.canvas.loadFromJson 不是一个函数

我在 npm 上使用 fabricjs v. 2.3.0 我也一直在学习本教程： https://github.com/kevoj/angular-editor-fabric-js kevoj 的代码在我的机器上运行。这让我很困扰。同时 kevoj 使用 1.7.3

提前致谢

Answer 1

你打错了，是loadFromJSON . And to save canvas as json use toJSON

this.canvas.loadFromJson 不是函数

this.canvas.loadFromJson is not a function

fabricjs

fabricjs2