Zum ändern der Leinwand Hintergrundfarbe, während mit fabric js

Ich habe ein canvas-element, und ich erstellen Gewebe Objekt aus. Nun möchte ich die Hintergrundfarbe ändern sich dynamisch. Das folgende funktioniert nicht für mich.

var x;

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

x.backgroundColor = "#f00";

Hintergrund-Farbe ist weiß und es nicht in rot geändert.

  • haben Sie versucht x.renderTop() oder x.renderAll() nach Attribut auswählen ?
  • Das funktioniert für mich.. Danke eicto.. Plz fügen Sie diese als Antwort.
InformationsquelleAutor viji | 2012-11-01
  1. 19

    Müssen Sie zum Rendern von canvas-Bereich nach änderung der Eigenschaften, da die Eigenschaften des Objektes ist nur Eigenschaften und nicht behandelt, die von der event

    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();
​
    • So komisch, ich war mit Leinwand.setBackgroundColor und die Farbe nicht wirksam, bis ich wieder geändert. Dann habe ich versucht dies und es funktionierte. bug?
    • siehe dieses Beispiel (es ist nicht von mir) die Sie verwenden renderAll zum einstellen der Farbe,
    • Ich sehe, was Sie tun, ist es eine bevorzugte Weg, dies zu tun, oder negative, um entweder oder, da Sie beide arbeiten?
    • Ich nicht sicher, auf der Suche durch die source zeigt keine definition der Methode, so dass ich nicht sicher sind, welche Art von Objekt es sich gehört.
    • Gefundene definition hier. In dem moment antwortete ich dieses Jahr, es hat keine setBackgroundColor
    • Vielen Dank für die Feststellung, dass! Ich mag die Methode in Ihrer Antwort deutlich besser.
    • die Methoden, die sieht platziert, um mehr universell wie der place pattern-Bild als "Farbe" aber ich fühle, dass etwas semantic Korruption mit der Methode wie folgt benannt.

    InformationsquelleAutor zb'
Schreibe einen Kommentar