从 JSON 加载不起作用。 Fabric.JS

Posted

技术标签:

【中文标题】从 JSON 加载不起作用。 Fabric.JS【英文标题】:Load from JSON not working. Fabric.JS 【发布时间】:2016-01-16 14:30:54 【问题描述】:

这是我的代码:

var canvas = new fabric.Canvas('canvas');

$('#btn_edit').click(function()
var c = JSON.stringify(canvas);

  );

$('Load').click(function()


canvas.loadFromJSON(c);

  );

  $('#add').click(function()
canvas.add(new fabric.Rect(
  left: 50,
  top: 50,
  height: 20,
  width: 20,
  fill: 'green'
));

  );

【问题讨论】:

它怎么不工作 - 详情.. 加载点击功能不绑定。使用$('#Load').click(function() canvas.loadFromJSON(c); ); 【参考方案1】:

您应该使用 canvas.toJSON() 而不是 JSON.stringify ,因为这是将画布导出为 json 的结构方法。

【讨论】:

以上是关于从 JSON 加载不起作用。 Fabric.JS的主要内容,如果未能解决你的问题,请参考以下文章

Fabric js从JSON加载画布

从 Fabric.js 中的 JSON 加载加载默认属性

Fabric.js - 自定义 Fabric.Image 类在“loadFromJSON”>“fromObject”中不起作用

使用 Fabric 拖放在 Angular 中不起作用

在组合fabric.js和jQuery时,将图像拖放到画布不起作用

图像上的 Fabric JS 设置填充不起作用