如何将元素定位到背景图像上的精确点？

Question

背景img如图1所示,要求

1. 宽度覆盖手机屏幕和高度自适应
2. 位置编号到精确点(如图2)

如果将图1更改为图3,我可以将单行文本定位到精确点. 请看看jsbin.但它并没有真正解决问题.

我不知道如果背景img如图1所示该怎么做.还有其他想法吗？谢谢.

图.1

图2

图3

---

英语不是我的母语; 请原谅输入错误.

Answer 1

请原谅我表达不清楚,谢谢你的关注.

最后,我自己找到了解决方案.

1. 将背景图像(如图1所示)转换为svg
2. 使用svg.js来定位我想要的东西.

请查看jsbin以了解我想要的位置