В координатах начала координат для стадии react-konva он дает полезный пример того, как использовать смещения для установки начала координат узла.
В примере устанавливаются смещения слоя (-200, -200), чтобы отображались полные оси и круг. Но меня смущают отрицательные смещения. Думал, должны быть (200, 200). Но, к сожалению, из-за положительных смещений холст выглядит пустым. Может ли кто-нибудь объяснить, как работают отрицательные смещения?
Координаты начинаются в верхнем левом углу холста. Поэтому, когда вы помещаете что-то на свой холст, вы перемещаетесь из верхнего левого угла в желаемую точку. Проще говоря, координата x увеличивается вправо, а координата y увеличивается, когда вы спускаетесь. Эта система называется координатами окна.
Смещение - это параметр, позволяющий сместить начальную точку холста. Направление такого движения противоположно направлению координат окна, поэтому запись layer.offsetX(100) означает, что вы перемещаете начальную точку влево на 100 пикселей.
В данном примере смещения установлены на -200, поэтому точка (0, 0) (экс-старт) теперь находится на (200, 200).
Надеюсь, мои объяснения помогут вам понять координаты окон.
