fallback if TextMeasure.actualBoundingBox* unavailable

This commit is contained in:
Benjamin Große 2020-01-05 14:59:24 +01:00
parent 2d6cf7f0f9
commit 2feedbdbb7
1 changed files with 8 additions and 6 deletions

View File

@ -1335,15 +1335,17 @@ class App extends React.Component<{}, AppState> {
if (text === null) {
return;
}
const fontSize = 20;
element.text = text;
element.font = "20px Virgil";
element.font = `${fontSize}px Virgil`;
const font = context.font;
context.font = element.font;
const {
actualBoundingBoxAscent,
actualBoundingBoxDescent,
width
} = context.measureText(element.text);
const textMeasure = context.measureText(element.text);
const width = textMeasure.width;
const actualBoundingBoxAscent =
textMeasure.actualBoundingBoxAscent || fontSize;
const actualBoundingBoxDescent =
textMeasure.actualBoundingBoxDescent || 0;
element.actualBoundingBoxAscent = actualBoundingBoxAscent;
context.font = font;
const height = actualBoundingBoxAscent + actualBoundingBoxDescent;