Wie erstelle ich mit FabricJS eine Objektdarstellung eines Bildobjekts?

In diesem Tutorial lernen wir, wie man eine Objektdarstellung eines Bildes erstellt Objekte mit FabricJS. Wir können ein Bildobjekt erstellen, indem wir eine Instanz erstellenStoff.Bild. Da es eines der Grundelemente von FabricJS ist, können wir es auch problemlos Passen Sie es an, indem Sie Eigenschaften wie Winkel, Deckkraft und mehr anwenden. Um ein Objekt zu erstellen Um ein Bildobjekt darzustellen, verwenden wir die MethodetoObject.

Grammatik

toObject(propertiesToInclude: Array): Object

Parameter

• propertiesToInclude– Dieser Parameter akzeptiert einArray, das beliebige enthält Zusätzliche Attribute, die wir möglicherweise in die Ausgabe einbeziehen möchten. Dieser Parameter ist Optional.

Verwenden Sie dietoObjectMethode

Beispiel

Sehen wir uns ein Codebeispiel an, um die protokollierte Ausgabe bei Verwendung der MethodetoObjectzu sehen. In diesem Fall wird eine Objektdarstellung der Image-Instanz zurückgegeben.

     
  
Using the toObject method
 
 You can open console from dev tools and see that the logged output contains the Object representation of the image instance 
     

Fügen Sie zusätzliche Eigenschaften mit dertoObject-Methode

Beispiel

Schauen wir uns ein Codebeispiel an, um zu sehen, wie es verwendet wirdtoObject-Methode. In diesem Beispiel haben wir eine benutzerdefinierte Eigenschaft namens hinzugefügt „Eigenschaftsname“. Wir können bestimmte Eigenschaften an diefabric.Image-Instanz übergeben, wie unten gezeigt zweiten Parameter im Optionsobjekt und übergeben Sie denselben Schlüssel an dietoObject-Methode.

     
  
Using toObject method to add additional properties
 
 You can open console from dev tools and see that the logged output contains added property called PropertyName 
     

Fazit

In diesem Tutorial zeigen wir anhand zweier Beispiele, wie man Objekte erstellt Verwenden Sie FabricJS, um Bilder darzustellen.

Das obige ist der detaillierte Inhalt vonWie erstelle ich mit FabricJS eine Objektdarstellung eines Bildobjekts?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!