는 프로그래밍 HTML 페이지

Question

예의 렌더링 된 텍스트 사이의 거리를 찾을 수 있습니다.

그래서 내 응용 프로그램은 html 파일과 2 개의 변수 (html 파일에있는 문자열)를 취한 다음 2 개의 문자열 사이의 수평 거리 (픽셀 단위?)를 찾습니다.

전혀? 나는 이것을 달성하기 위해 웹킷과 같은 오픈 소스 엔진을 수정해야한다고 생각합니다. 권리? 아니면 더 간단한 방법이 있습니까? CSS 규칙에 대한 페이지 구문 분석 ... 작동합니까?

웹킷이라면 얼마나 힘들겠습니까? 어떤 언어를 마스터해야합니까? 난 단지 PHP (C, C 번호의 비트, 자바)

감사

Answer 1

를 사용하여 자바 스크립트를 알고있다.

그런 식으로 요소의 속성을 찾아 거리를 비교할 수 있습니다.

예를 들어, javascript를 사용하여 element.left, element.width 및 element2.left를 가져올 수 있습니다. 그런 다음 element2.left - (element.left + element.width)를 사용하여 거리를 찾을 수 있습니다.

Answer 2

다음은 question에서 stackoverflow를 사용하면 요소와 문서 왼쪽 상단 사이의 거리를 찾을 수있는 방법을 제안합니다 (javascript 및 jQuery 사용).

난 당신이 다음을 수행 할 수 있다고 가정 할 두 가지 요소 사이의 거리를 찾으려면 : 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);