Geek asks and answers

Finding the location of the line on the screen

So, I have HTML text displayed in a browser (in this case, Android WebView). I want to know what location (x, y) in pixels of any line of text AFTER it is displayed. The working definition of the line I'm using is not just the text contained in the tag <p>or that appears before the tag <br>. I mean the line as it seems to the user.

I am open to any proposed method.

Is there any CSS property that you can find the number of lines in a div and their respective heights? This would provide an acceptable solution.

Thank!!

+1
source share
2 answers

. , JavaScript, ; :

var p = document.getElementById("ptag"); //get the text container that contains your line
var nthline = 3; //the line for which you'd like to find the position
var lnheight = parseInt(window.getComputedStyle(p).lineHeight); //get the height of each line
var linepos = [p.offsetLeft, p.offsetTop + lnheight * (nthline - 1)]; //a [left, top] pair that represents the line position

.. , , .

+2

, - , :

  • , <span class="word">word</span>, , <span>, , , , , (, top ) ( + ).

  • , :first-line ,

    p: first-line {background-color: white;/* */}

    DOM , . , , , .

0

More articles:


All Articles