在 setBackgroundImag 中添加属性并序列化 canvas

Add Properties in setBackgroundImag and Serialize canvas

我有两个疑惑:

https://jsfiddle.net/2h5nbrr2/1/

1.我如何在背景图片中插入属性:

 function backchange(img)
{ 
 var imag = img.src;  
  canvas.setBackgroundImage(imag, canvas.renderAll.bind(canvas));
}

我正在尝试,但这不起作用:

 function backchange(img)
{ 
 var imag = img.src;  
  canvas.setBackgroundImage(imag, canvas.renderAll.bind(canvas)
width: 700,
height: 500,


);
}

2。我不知道如何对所有对象和背景应用序列化(json 和 svg 测试),在我的示例中

returns 总是:

{"objects":[],"background":""}

我正在使用fabric.js

感谢您的帮助

  1. 您的选项参数必须是一个对象:

    函数返回(img){ var imag = img.src;
    canvas.setBackgroundImage( 形象, canvas.renderAll.bind(canvas)。 {宽度:700,高度:500} ); }

  2. 您可以使用var json=canvas.toJSON ...序列化大多数场景元素。正如@AndreaBogazzi 所说,如果您想查看 JSON,您可以:alert(JSON.stringify(json))