如何通过javascript确定跨距内每个字符相对于页面的位置（x，y）？

这是我能得到的最简单的

我将通过以下方式在屏幕上随机放置多个跨距：

 $(".hidden:first").css('-webkit-transform','rotate('+((0.5-Math.random())*40)+'deg)'); 
 $(".hidden:first").animate({
    left: '+=' + (((screen.width-800-224)/2) + Math.random()*800),
    top: '+=' + (50+Math.random()*600)
  } [...]

后来我想迭代每个元素的每个字符（随机位置和随机旋转），我需要发现屏幕上每个字符的（x，y）位置，这样我就可以对其着色，根据特定的函数形成特定的绘图

这容易实现吗？记住，我想要的是跨度中每个字符的（x，y）位置，而不是跨度本身的（x，y）。我真的对javascript缺乏经验

编辑：回答我自己的问题： 目前，我通过将每个字母包装在

中，然后通过jquery访问其

.offset（）.left

和

.offset（）.top

来完成我需要的任务。有那么糟糕吗P

谢谢。

---

Fernando。

类似的内容可能会让你开始

如果文本有任何样式，这将不起作用，即Hello World不会返回正确的World位置