Cần thay đổi màu nền vải khi sử dụng vải js

Question

Tôi đã sử dụng phần tử canvas và tôi tạo đối tượng vải từ đó. Bây giờ, tôi muốn thay đổi màu nền động. Những điều sau không hiệu quả với tôi.

var x; 

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

x.backgroundColor = "#f00"; 

Màu nền trắng và không đổi thành màu đỏ.

Answer 1

Bạn cần phải làm cho vải sau khi thay đổi thuộc tính, bởi vì thuộc tính của đối tượng chỉ là tài sản và không được xử lý bằng sự kiện

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