Определение физического макета HTML-текста и изображений

Question

Мы пытаемся определить физическое расположение текста и изображений в элементе div.

Элемент div имеет определенную ширину и поэтому размещает текст в соответствии с его правилами разбиения по словам.Как мы можем получить результат макета, то есть, какой текст и изображения на каких физических строках?

Существует ли для этого стандарт DOM или этот браузер специфичен?

Результаты необходимы для приложения (winforms), которое размещает браузер (WebBrowser или любой другой хост-браузер.)

Answer 1

Это зависит от движка рендеринга, который да зависит от браузера.Я не верю, что есть практический способ, которым вы можете повторить это, не имея внутренней копии механизма рендеринга, и попытка накатить свою собственную на основе стандартов является чем-то вроде глупого поручения, поскольку на сегодняшний день многие производители браузеров неудалось сделать это, и у них есть 15 лет на вас: P

Не то, что вы хотите услышать, но я бы пересмотрел ваши цели.

Answer 2

Если вы используете jQuery, все, что вам нужно, это метод offset () .Я предполагаю, что другие библиотеки имеют аналогичные функции.

Если вы не используете хорошую библиотеку JavaScript, вы можете попробовать создать одноразовое решение.Однако jQuery-источник для offset () выглядит немного сложнее.