Javascript 仅使用一个坐标绘制形状

在JS中，我试图基于我正在拖动的一个点坐标绘制svg形状。 我在矩形的角上有一个点

拖动该点时，形状将跟随该点并开始覆盖矩形

我想要的是一些不太僵硬的东西，你可以在画廊里看到

当点靠近相对的角点时，形状几乎恢复所有矩形

直到它到达与起点完全相反的角，然后形状完全恢复矩形

我希望这足够清楚。请不要犹豫，向我要求更多的精确性

我需要的是数学方面的帮助。
我不知道从哪里开始；）

---

非常感谢你的帮助

数学在很大程度上取决于你到底想要什么。imgur相册对此不够清晰。您好@SZenC，谢谢您的回复。我做了一个代码笔，但离我想要实现的目标相去甚远：它有帮助吗？事实上我更新了一点，它离我想要的越来越近了。现在我需要找到一种方法来正确偏移形状。。。