this.canvas.loadFromJson不是函数

时间:2018-09-01 05:43:10

标签: fabricjs fabricjs2

我一直在尝试使用以下源将画布设置保存到我的localStorage系统中:

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

并尝试通过以下代码重新加载保存的画布:

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


this.canvas.renderAll();}

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

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

预先感谢

1 个答案:

答案 0 :(得分:0)

您有错字,是loadFromJSON。并将画布另存为json,请使用toJSON