Javascript - 可调整大小的DIV

Question

• 我尝试使用纯javascript创建可移动且可调整大小的div
• 可调整大小的div在角落里有4个处理程序来控制它，例如：
  • northeast：位于y = 0，x = 0;
  的div
  • northwest：位于y = 0，x =最大父宽度的div;
  • southwest：位于y =最大父高度，x =最大父宽度
  的div
  • 东南：位于y =最大父高，x = 0
  的div

（注意：处理程序位置相对于父级，父级是可调整大小的div）

我在修改逻辑时遇到了困难..

这是我尝试的内容

• 当用户点击div时，我插入4 div（用作处理程序）（这发生在事件onmousedown）

• 现在处理程序将完成工作

  • 东北：

    我不知道逻辑

  • 西北

    我不知道逻辑

    我的建议：当用户将此处理程序移向

    时

    • y轴：父y位置将等于此处理程序的y位置（但高度很奇怪）

    • x轴：父宽度将等于此处理程序的x位置

  • 西南：

    当用户将此处理程序移向

    时

    • y轴：父高度将等于此处理程序的y位置

    • x轴：父宽度将等于此处理程序的x位置

  • 东南：

    我不知道逻辑

    我的建议：当用户移动此处理程序时，

    • y轴：父高度等于处理程序的y位置。
    • x轴：父x位置将等于处理程序的x位置。 （但宽度很奇怪，这就是我的错误）

（注意：处理程序位置=绝对值）

我已经护目镜但我仍然无法解决它。

怎么办？

Apologize无法发布代码，因为实际上我有8个处理程序，而且我的代码不整洁。