javascript - 在 setBackgroundImag 中添加属性并序列化 Canvas

Question

我有两个疑问:

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 测试)

总是返回:

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

我正在使用fabric.js

感谢您的帮助

Answer 1

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))