javascript - 如何通过javascript确定内部每个字符相对于页面的位置(x，y)？

Question

这是最简单的了。

我将通过以下方式在屏幕上随机放置几个 span:

 $(".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 真的没有经验。

编辑:回答我自己的问题: 我目前设法通过将每个字母包装在 <span> 中来完成我需要的事情。然后访问它的 .offset().left和 .offset().top通过jquery。有那么糟糕吗？ :P

谢谢。 费尔南多。

Answer 1

这样的事情可能会让你开始 http://jsfiddle.net/QgRWk/