Как сделать систему координат?

Question

[John Freeman]

Помогите мне сделать систему координат x,y
Примерно такую:
только вот в центре у меня будет div (например mover) который можно будет перетаскивать по этой системе, вот пример

а когда центр div'a mover в правом верхнем углу то его координаты должны быть 0,5;0.5 например
черный квадрат это граница перетаскивания красного div'a

а если красный div mover будет слева в верхнем углу то координаты соответственно будут -0,5;0.5 например

Как перемещать div я понял с помощью draggable, а вот как сделать такую систему координат не пойму!
Заранее спасибо за помощь!

Comments

[Lander]

Думаю нужны просто две функции преобразования из экранных координат в вашу систему и наоборот.

[John Freeman]

Lander: можно подробнее?

[Kovalsky]

Все подобного рода задачи решаются на листочке за минуту, достаточно правильно нарисовать. К тому же если у вас возникают сложности с расчетом этих 0.5 координат, для начала определитесь в чем они измеряются, от чего берёте 0.5

[John Freeman]

Никита Полевой: 0,5 появляется когда красный див в углу границы (черный квадрат)

[Евгений Лубяной]

после перемещения проверять где находится центр красного дива, если превышает допустимое значение - меняем на допустимое. и да функции преобразования координат их экранных в ваши