用于放置元素的独特CSS（图像上的图钉/标签）是否可以完成？

Question

有一种情况我正试图找出最佳方法。

它由一个图像组成，然后peg指向带有标签的图像的参考点。我附上一张图片作为例子。

我还没有嘲笑代码​​，仍然在讨论最好的方法，所以我希望得到社区的一些意见。

思想：

• 静态使用顶部/左侧定位：问题是需要响应。随着图像缩放，我们会丢失准确的位置
• Javascript：可以尝试使用javascript来计算使用比率方程和jquerys的位置.postition（）
• SnapSVG（或类似），这就是我现在正在玩的东西，用快照创建线条/圆圈并为它们设置动画。我从来没有使用它，所以有一个学习曲线。

很想听到一些想法！谢谢