0

ここで、txt ファイルから段落をインポートして、それらを HTML ファイルに表示する必要があります。私の目的は、HTML の各単語の正確な位置 (ピクセル単位の (x,y) 座標) を計算することです。

まず、txt ファイルから 1 行ずつ単語を取得します。次に、各行の各単語の長さをピクセル単位で計算します。したがって、すべての行の各単語の開始座標と終了座標を取得できます。次に、これらの単語を 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 に答える