【问题标题】:Get the coordinates of a word获取一个单词的坐标
【发布时间】:2014-04-27 15:31:05
【问题描述】:

在我的 HTML 中,我有一个包含大量文本的段落。

<p>
    ... abc ...
    ... def ...
    ... ghi ...
    ... jkl ...
    ... mno ...
</p>

我现在想要的是能够在第三行中获得 h 的 X 和 Y 坐标中的位置。我在网上搜索了所有内容,但找不到。我该怎么做?

【问题讨论】:

  • 我认为你不能这样做,除非你将 h 包装在一个 specifig html 标记中。
  • 这肯定取决于段落宽度吗?
  • 你想如何获取坐标?用javascript?
  • 是的。我为此感到害怕。我实际上想将其用于扩展,因此不希望更改 DOM。
  • 好吧.. 如果我将 p 的 innerHTML 从 '>a b ca b c

标签: javascript html dom textselection


【解决方案1】:

创建一个仅包含相关字符的范围(由您决定如何执行此操作;我建议您搜索段落中的所有文本节点,直到找到所需的那个)并调用其getBoundingClientRect()方法。

【讨论】:

  • 非常有用的功能。结合其他一些功能,我可以让它工作。
猜你喜欢
  • 1970-01-01
  • 2021-09-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-16
  • 2011-12-05
  • 1970-01-01
相关资源
最近更新 更多