Konieczność zmiany koloru tła płótna podczas używania tkaniny js

Question

Mam element canvas i tworzę z tego obiekt z tkaniny. Teraz chcę dynamicznie zmieniać kolor tła. Poniższe nie działa dla mnie.

var x; 

x = new fabric.Canvas("mycanvas", { 
     backgroundColor : "#fff", 
     selection: true 
    }); 

x.backgroundColor = "#f00"; 

Kolor tła jest biały i nie zmienia się na czerwony.

Answer 1

Trzeba uczynić płótno po zmianie właściwości, ponieważ właściwości obiektu jest tylko właściwości i nie obsługiwane przez zdarzenia

http://jsfiddle.net/oceog/gDhht/

var canvas = new fabric.Canvas('c',{backgroundColor : "#0ff"}); 
console.log(canvas); 
canvas.backgroundColor="red"; 
canvas.renderTop(); 
canvas.add(
  new fabric.Rect({ top: 100, left: 100, width: 50, height: 50, fill: '#f55' }), 
  new fabric.Circle({ top: 140, left: 230, radius: 75, fill: 'green' }), 
  new fabric.Triangle({ top: 300, left: 210, width: 100, height: 100, fill: 'blue' }) 
); 

canvas.backgroundColor="green"; 
canvas.renderAll(); 
​