2016-01-19 77 views
0

我有兩個疑惑:添加屬性和序列化帆布

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

1.我在背景圖片如何插入屬性:

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

我想,但這不是working:

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


); 
} 

2.我不undertand如何申請序列化(JSON和SVG測試)的所有對象和背景,在我的例子

回報總是:

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

我使用fabric.js

謝謝任何幫助

+0

#1。您的選項參數必須是一個對象:'... canvas.renderAll.bind(canvas),{width:700,height:500} ...'#2。您可以使用['canvas.toJSON'](http://fabricjs.com/docs/fabric.Canvas.html#toJSON)來序列化大多數場景元素。 – markE

+0

#1非常感謝你的作品,#2我試着'$('jsson')。onclick = function(){var_json = canvas.toJSON(); alert(json); };'不工作return:'[object object]'[JSfiddle](https://jsfiddle.net/2h5nbrr2/2/) – Gislef

+0

JSON.stringify(json)如果你想提醒它。 – AndreaBogazzi

回答

1
  1. 您的選項參數必須是一個對象:

    function backchange(img)var imag = img.src; (寬度:700,高度:500) ); }

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