TextMetrics: fontBoundingBoxDescent-Eigenschaft
Baseline
2023
Newly available
Since August 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die schreibgeschützte Eigenschaft fontBoundingBoxDescent des TextMetrics-Interfaces gibt die Entfernung von der durch das Attribut CanvasRenderingContext2D.textBaseline angegebenen horizontalen Linie bis zur Unterkante des Begrenzungsrechtecks aller Schriftarten zurück, die zum Rendern des Textes verwendet werden, in CSS-Pixeln.
Wert
Eine Zahl, in CSS-Pixeln.
Beispiele
Der folgende Code zeigt, wie Sie das fontBoundingBoxDescent für 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 descentCssPixels = textMetrics.fontBoundingBoxDescent;
Der Abstieg in CSS-Pixeln für den Text "Foo" in einer 25px-Serifenschrift wird unten gezeigt.
Spezifikationen
| Specification |
|---|
| HTML # dom-textmetrics-fontboundingboxdescent-dev |
Browser-Kompatibilität
Loading…