In diesem Tutorial lernen wir, wie man die Drehung eines Dreiecks mit FabricJS sperrt. So wie wir die Position, Farbe, Deckkraft und Größe eines Dreiecksobjekts auf der Leinwand festlegen können, können wir auch festlegen, ob es gedreht wird. Dies kann mit dem AttributlockRotationerfolgen.
new fabric.Triangle({ lockRotation : Boolean }: Object)
Optionen(optional)– Dieser Parameter ist einObjekt< /em>, das unserem Dreieck zusätzliche Anpassungen ermöglicht. Mit diesem Parameter können Sie die Farbe, den Cursor, die Strichstärke und andere Eigenschaften des Objekts im Zusammenhang mit dem AttributlockRotationändern.
lockRotation– Diese Eigenschaft akzeptiert einenBoolean-Wert. Wenn wir ihm einen „wahren“ Wert geben, wird die Objektdrehung gesperrt.
Standardverhalten von Dreiecksobjekten im Canvas
Sehen wir uns ein Codebeispiel an, um das Standardverhalten von Dreiecksobjekten zu verstehen, wenn das AttributlockRotationnicht verwendet wird. Standardmäßig können wir Dreiecksobjekte gegen den Uhrzeigersinn oder im Uhrzeigersinn drehen.
Default behaviour of a Triangle object in the canvas
You can select triangle and try rotating it to see the default behavior.
Übergeben vonlockRotationals Schlüssel mit dem Wert „true“
In diesem Beispiel werden wir sehen, wie wir die lockRotation-Eigenschaft verwenden können, um die Drehung eines Dreiecksobjekts zu stoppen . Wie wir sehen können, wird der unzulässige Cursor angezeigt, sobald wir versuchen, das Dreiecksobjekt zu drehen. Dies bedeutet, dass Rotationsvorgänge nicht mehr zulässig sind.
Passing lockRotation as key with 'true' value
You can see that you are no longer allowed to rotate the triangle.
Das obige ist der detaillierte Inhalt vonWie sperre ich die Drehung eines Dreiecks mit FabricJS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
