blockly > WorkspaceSvg > scrollX

Property „WorkspaceSvg.scrollX“

Aktueller horizontaler Scroll-Offset in Pixeleinheiten, relativ zum Ursprung des Arbeitsbereichs.

Es ist hilfreich, über eine Ansicht und einen Canvas nachzudenken, der sich unter dieser Ansicht bewegt. Wenn sich der Canvas nach rechts bewegt, wird dieser Wert positiver und die Ansicht ist jetzt „sehen“. auf der linken Seite des Canvas. Wenn der Canvas nach links bewegt wird, wird dieser Wert negativer und die Ansicht ist jetzt „sehen“. auf der rechten Seite des Canvas.

Das Verwirren an diesem Wert ist, dass er den Offset absolutLeft nicht enthalten darf und diesen auch nicht enthalten darf. Das liegt daran, dass er zur Berechnung des Werts „viewLeft“ verwendet wird.

"viewLeft" ist relativ zum Ursprung des Arbeitsbereichs, allerdings in Pixeleinheiten. Der Ursprung des Arbeitsbereichs ist die obere linke Ecke des Arbeitsbereichs (zumindest in dem Fall, wenn er aktiviert ist). Er wird von der oberen linken Seite des BlocklyDiv verschoben, damit er sich nicht unter der Toolbox befindet.

Wenn der Arbeitsbereich aktiviert ist, befinden sich der Ursprung von „viewLeft“ und des Arbeitsbereichs an derselben X-Position. Wenn der Canvas nach rechts unter die Ansicht gleitet, wird dieser Wert (scrollX) positiver und „viewLeft“ negativer im Verhältnis zum Ursprung des Arbeitsbereichs. Stellen Sie sich den Ursprung des Arbeitsbereichs als einen Punkt auf dem Canvas vor, der sich beim Bewegen des Canvas nach rechts bewegt.

Würde also „scrollX“ das Element absoluteLeft einschließen, würde dies Ursprung des Arbeitsbereichs. Das bedeutet, dass „viewLeft“ den linken Rand von „blocklyDiv“ und nicht den linken Rand des Arbeitsbereichs repräsentieren würde.

Unterschrift:

scrollX: number;