基于warp.js的AI式自由变形控制点网格工具BUG修复求助

我正在基于warp.js修改示例，目标是实现类似AI“自由扭曲”工具的控制点网格变形功能。尝试过自行开发、使用ChatGPT辅助，甚至付费在Fiverr寻求帮助，但都没能解决当前的问题。

当前实现的核心BUG：仅拖动任意一个控制点，SVG元素就会几乎缩成一团。我已准备好完整的JS、CSS、HTML代码及可运行演示，同时有一个原本可正常运行的参考示例作为对比依据。

代码示例 #

HTML

<!-- 此处为完整HTML代码 -->

CSS

/* 此处为完整CSS代码 */

JavaScript

// 此处为完整JavaScript代码

恳请有相关开发经验的技术人员提供帮助，定位并修复该BUG。

内容的提问来源于stack exchange，提问作者SeriousNinja