获取多行文本inline元素的整体offsetLeft值的方法

背景 #

我需要获取设置为display: inline的多行文本div的offsetLeft像素值。

问题 #

目前我使用element.offsetLeft，但该值仅返回多行div第一行的offsetLeft，而我需要的是整个div的offsetLeft——第一行的起始位置会随前一个inline元素的文本结尾位置变化。

疑问 #

是否有办法获取该整体offsetLeft值？（我无法使用boundingBoxes方法，原因暂不赘述，请默认此限制。）

示例 #

图中灰色wrap div为display: block，内部有两个display: inline的文本div（以文本颜色区分）。对红色div使用element.offsetLeft时，得到的是第一行（接近wrap中间）的偏移量，但我需要的是整个红色div的offsetLeft（示例中第二行的偏移量为0）。

补充说明 #

我正在开发一款UI/UX设计软件，已持续3年。软件包含2D视图，可通过translate3D和scale变换控制虚拟相机，所有元素可在父元素中旋转，我通过DOMMatrix乘法计算元素精确坐标。示例中的灰色div可能处于元素层级的1或10级深度，作为画布入口的root div可缩放。

变换累积导致原生boundingBoxes函数难以使用，因此无法采用这类方法，当前所有计算基于DOMMatrix，只需解决“如何获取display:block容器内多行文本inline div的整体左偏移值”即可。

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