在setBackgroundImag和Serialize canvas中添加属性

时间:2016-01-19 17:43:57

标签: javascript canvas serialization html5-canvas fabricjs

我有两个疑问:

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

感谢您的帮助

1 个答案:

答案 0 :(得分:1)

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

    function backchange(img){     var imag = img.src;
        canvas.setBackgroundImage(         IMAG,         canvas.renderAll.bind(画布)。         {宽度:700,身高:500}     ); }

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