Size: a a a

2020 June 30

D

Denis GDevv in pro.js
Denis Efremov
Какого текста?
Ну как какого, там же написано context.fillText() - это команда для вывода текста на canvas...
источник

D

Denis GDevv in pro.js
и про canvas тоже написано :)
источник

DE

Denis Efremov in pro.js
Denis GDevv
Ну как какого, там же написано context.fillText() - это команда для вывода текста на canvas...
Какой высоты текста?
источник

PV

Peter V in pro.js
Denis GDevv
высоту текста
источник

D

Denis GDevv in pro.js
Оно меня и ввело в ступор, там есть width, но нет height :)
источник

D

Denis GDevv in pro.js
Ещё есть вот такая страница: https://developer.mozilla.org/en-US/docs/Web/API/TextMetrics
источник

D

Denis GDevv in pro.js
но там вообще какой-то бред написан для расчёта даже ширины :)
источник

D

Denis GDevv in pro.js
источник

D

Denis GDevv in pro.js
Какой смысл складывать левую и правую границу, да ещё и по модулю, чтобы получить общую ширину? Там отнимать надо, а не складывать

Да и модули не нужны. Особенно, если текст улетать может за левую границу (за ноль), что странновато вообще, покуда координат ты никаких не передаёшь, чего ему улетать туда
источник

D

Denis GDevv in pro.js
А высота я так понял это:
context.measureText(text).actualBoundingBoxDescent
источник

S

Syntax Highlight Bot in pro.js
Denis GDevv
А высота я так понял это:
context.measureText(text).actualBoundingBoxDescent
источник

PV

Peter V in pro.js
Denis GDevv
Какой смысл складывать левую и правую границу, да ещё и по модулю, чтобы получить общую ширину? Там отнимать надо, а не складывать

Да и модули не нужны. Особенно, если текст улетать может за левую границу (за ноль), что странновато вообще, покуда координат ты никаких не передаёшь, чего ему улетать туда
Потому что это не совсем левая граница.

Is a double giving the distance from the alignment point given by the CanvasRenderingContext2D.textAlign property to the left side of the bounding rectangle of the given text, in CSS pixels. The distance is measured parallel to the baseline.
источник

PV

Peter V in pro.js
Это расстояние от точки выравнивания
источник

PV

Peter V in pro.js
То есть скалярная величина. А вот что за точка выравнивания я не ебу
источник

D

Denis GDevv in pro.js
Peter V
То есть скалярная величина. А вот что за точка выравнивания я не ебу
Я вот тоже. Подумал что это определяется через: context.textAlign, но координаты не меняются в любых случаях: left, center, right
источник

PV

Peter V in pro.js
Наверное тебе надо сложить fontBoundingBoxAscent  и actualBoundingBoxDescent
источник

D

Denis GDevv in pro.js
Peter V
Наверное тебе надо сложить fontBoundingBoxAscent  и actualBoundingBoxDescent
Возможно. Их даже по модулю, возможно, сложить нужно
источник

PV

Peter V in pro.js
Denis GDevv
Возможно. Их даже по модулю, возможно, сложить нужно
А зачем по модулю? Он должны быть скалярными величинами. Расстояние же
источник

DE

Denis Efremov in pro.js
let metrics = ctx.measureText(text);
let fontHeight = metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
let actualHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
источник

S

Syntax Highlight Bot in pro.js
Denis Efremov
let metrics = ctx.measureText(text);
let fontHeight = metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
let actualHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
источник