Fabric.js Ellipse 属性未在 Json 中更新

Question

当我使用处理程序更改画布中椭圆的高度和宽度并且我看到修改后的椭圆的 json 时，可以看到

height

、

width

、

rx

和

ry

未更新json。也在

setCoords()

和

canvas.renderAll()

之后。

如何更新此信息？

canvas.on('object:modified', modifiedHandler);

var modifiedHandler = function (evt) {
  var modifiedObject = evt.target;
  modifiedObject.setCoords(); 
  canvas.renderAll();

  console.log("object",JSON.stringify(canvas));
  
  
};

Answer 1

当您使用其处理程序修改画布上的对象时，该对象的属性不会在对象的 JSON 表示形式中自动更新。修改对象后，您需要显式更新 JSON 表示中的对象属性。

var modifiedHandler = function (evt) {
  var modifiedObject = evt.target;
  modifiedObject.setCoords(); 
  canvas.renderAll();

  console.log("object",JSON.stringify(modifiedObject.toJSON()));
};