0

现在我需要从 txt 文件中导入段落，然后在 HTML 文件中显示它们。我的目标是计算 HTML 中每个单词的准确位置（（x，y）以像素为单位的坐标）。

首先，我逐行从 txt 文件中获取单词。然后我以像素为单位计算每行中每个单词的长度。所以我可以得到每一行中每个单词的开始和结束坐标。然后我将这些词填充到 HTML 中一个 600 像素宽的区域中。

这样，我就得到了以像素为单位的每个单词的 (x,y) 坐标。现在我需要验证这些坐标是否与单词出现在 HTML 中的位置相匹配。

我有一个想法，是否可以根据 HTML 上单词的开始和结束坐标为每个单词绘制一个矩形？这样，如果每个单词都在矩形中，那么单词坐标的计算应该是正确的。有没有人想出任何想法如何实现这一目标？或者有没有更好的方法？

非常感谢~

4

1 回答 1

0

这种方法是有缺陷的。更简单的方法是在 HTML 中找到单词，并使用一些 CSS 来更改其 DOM 元素的样式。

例如。示例 HTML。

<span> Banana </span>
<span> Apple </span>
<span> Cherry </span>

现在要使用矩形突出显示“Cherry”，您无需在页面中找到它的坐标。只需找到 DOM 元素并添加一个 CSS 类。

<span class='black-border' > Cherry </span>

于 2013-06-12T18:43:07.950 回答