TextMetrics: fontBoundingBoxAscent-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2023.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
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;
Der Anstieg in CSS-Pixeln für den Text "Foo" in einer 25px Serifenschrift ist unten dargestellt.
Spezifikationen
| Specification |
|---|
| HTML # dom-textmetrics-fontboundingboxascent-dev |