TextMetrics: fontBoundingBoxAscent-Eigenschaft

Die schreibgeschützte fontBoundingBoxAscent-Eigenschaft der TextMetrics-Schnittstelle gibt die Entfernung von der durch das CanvasRenderingContext2D.textBaseline-Attribut angegebenen Horizontalen zur Oberseite des höchsten Begrenzungsrechtecks aller für die Textdarstellung verwendeten Schriftarten in CSS-Pixeln zurück.

Wert

Eine Zahl, in CSS-Pixeln.

Beispiele

Der untenstehende Code zeigt, wie Sie die fontBoundingBoxAscent für einen bestimmten Text in einer bestimmten Schriftart erhalten können.

const canvas = document.createElement("canvas");
const ctx = canvas.getContext("2d");
ctx.font = "25px serif";
const text = "Foo";
const textMetrics = ctx.measureText(text); // returns TextMetrics object
const ascentCssPixels = textMetrics.fontBoundingBoxAscent;

<p id="log"></p>

const log = document.getElementById("log");
log.innerText = `fontBoundingBoxAscent: ${ascentCssPixels}`;

Der Anstieg in CSS-Pixeln für den Text "Foo" in einer 25px Serifenschrift ist unten dargestellt.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• TextMetrics.fontBoundingBoxDescent
• TextMetrics