TextMetrics: fontBoundingBoxDescent-Eigenschaft

Hinweis: Dieses Feature ist verfügbar in Web Workers.

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.

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 descentCssPixels = textMetrics.fontBoundingBoxDescent;

Der Abstieg in CSS-Pixeln für den Text "Foo" in einer 25px-Serifenschrift wird unten gezeigt.

Spezifikationen

Specification
HTML Standard
# dom-textmetrics-fontboundingboxdescent-dev

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch