TextMetrics: fontBoundingBoxAscent-Eigenschaft
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.
js
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 Standard # dom-textmetrics-fontboundingboxascent-dev |
Browser-Kompatibilität
BCD tables only load in the browser