はプログラムでhtmlページ

Question

例のレンダリングされたテキストの間の距離を見つけます。

私のアプリケーションでは、htmlファイルと2つの変数（htmlファイルに存在する文字列）を取り込み、次に2つの文字列の間の水平距離（ピクセル単位）を検索します。

これはまったく可能ですか？ 私は、これを達成するためにWebkitのようなオープンソースエンジンを変更する必要があると推測しています。右？それとも簡単な方法がありますか？ CSSルールのページを解析すると...うまくいくのでしょうか？

ウェブキットの場合、どれくらい難しいですか？どの言語をマスターする必要がありますか？私はPHP（C、C＃2のビット、Java）の

おかげ

Answer 1

使用Javascriptを知っています。

このようにして、要素のプロパティを見つけて比較して、距離を取得できます。

たとえば、javascriptを使用してelement.left、element.width、element2.leftを取得できます。次に、element2.left - （element.left + element.width）を使って距離を見つけることができます。

Answer 2

次のquestionからのstackoverflowは、要素とドキュメントの左上隅の距離を（javascriptとjQueryを使用して）見つける方法を示唆しています。

は、私はあなたが次の操作を行うことができますことを前提としています2つの要素間の距離を見つけるには：PHPで

var el1offset = $("#element1id").offset(); 
var el2offset = $("#element2id").offset(); 
var distanceTop = Math.abs(el1offset.top-el2offset.top); 
var distanceLeft = Math.abs(el1offset.left-el2offset.left); 
var distance = Math.sqrt(distanceTop*distanceTop+distanceLeft*distanceLeft);