Notwendigkeit, die Hintergrundfarbe des Segeltuches während der Verwendung von Stoff zu ändern js

Question

Ich habe ein canvas-Element und ich erstelle Stoff-Objekt daraus. Jetzt möchte ich die Hintergrundfarbe dynamisch ändern. Das Folgende funktioniert nicht für mich.

var x; 

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

x.backgroundColor = "#f00"; 

Die Hintergrundfarbe ist weiß und wird nicht in rot geändert.

Answer 1

Sie brauchen Leinwand zu machen, nachdem Eigenschaften zu verändern, weil Eigenschaften des Objekts nur Eigenschaften und nicht von Ereignis behandelt

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(); 
​