blockly > WorkspaceSvg > scrollX

Property „WorkspaceSvg.scrollX“

Aktueller horizontaler Scroll-Versatz in Pixeleinheiten, bezogen auf den Ursprung des Arbeitsbereichs.

Es ist nützlich, sich eine Ansicht und ein Canvas vorstellen zu können, das sich unter diese Ansicht bewegt. Wenn sich der Canvas nach rechts bewegt, wird dieser Wert positiver und die Ansicht „sieht“ jetzt die linke Seite des Canvas. Wenn sich der Canvas nach links bewegt, wird dieser Wert negativ, sodass die rechte Seite des Canvas in der Ansicht „sieht“.

Das Verwirrende an diesem Wert ist, dass er keinen Offset von absoluten Links enthält und auch nicht enthalten sein darf. Das liegt daran, dass er zur Berechnung des Werts „viewLeft“ verwendet wird.

„viewLeft“ relativ zum Ursprung des Arbeitsbereichs (in Pixeleinheiten). Der Ursprung des Arbeitsbereichs ist die linke obere Ecke des Arbeitsbereichs, zumindest wenn dieser aktiviert ist. Es wird ausgehend von der linken oberen Ecke von blocklyDiv verschoben, damit es sich nicht unterhalb der Toolbox befindet.

Wenn der Arbeitsbereich aktiviert ist, befinden sich der Ursprung „viewLeft“ und der Ursprung des Arbeitsbereichs an derselben X-Position. Wenn sich das Canvas unter der Ansicht nach rechts bewegt, wird dieser Wert (scrollX) positiver. Der Wert „viewLeft“ wird relativ zum Anfang des Arbeitsbereichs negativer. Stellen Sie sich den Anfang des Arbeitsbereichs als Punkt vor, der auf dem Canvas nach rechts bewegt wird.

Wenn also scrollX den Wert absoluteLeft einschließen würde, würde dies den Ursprung des Arbeitsbereichs „aufheben“. Das bedeutet, dass viewLeft den linken Rand von blocklyDiv und nicht den linken Rand des Arbeitsbereichs darstellen würde.

Unterschrift:

scrollX: number;