应用错误收集

我一直在研究这个link如何创建自定义产品。令我困惑的部分是，无论何时添加不同长度的项链，吊坠仍将位于该项链的末端。下图显示了它们始终放置吊坠的位置。

the place where pendant is placed

这是我的fiddle。我意识到，当项链发生变化时，吊坠的样式top和left会发生变化，所以他们会以某种方式检测项链的端点并计算吊坠的顶部和左侧，并将吊坠放在那里。

因此，是否可以使用PHP或jQuery图像处理来预先检测指向区域？如果没有，用于将吊坠放在正确位置的技术是什么。