js 如何找到图片的某一处内容的坐标

Question

问题描述： 有3张图片，图1当做背景图，图2，图3定位于图一的特定位置上，（分享图片定位于大图的微信分享上方10px）。

Answer 1

我理解是直接用css定位就可以了吧，不知道有没有理解错。要获得坐标的话，比如offsetLeft,Top等可以获取。

Answer 2

写个css，用绝对定位poison，在微调下距离就行了

Answer 3

背景图的div设置 position: relative;
图2，图3 放在这个div里，并设置 position: absolute; 就可以用 left 和 top 相对背景图来定位了。

Answer 4

把图片个个元素切成单个图片， 前端使用canvas把各个图合并起来， 在canvas画图片的时候 保存下图片的位置， 然后监听canvas的手势事件，判断下再手势点了哪个图片，如果要分享出去， 直接canvas导出一整张图片就可以了。