TextMetrics
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
L'interface TextMetrics représente la dimension d'un texte dans le canevas, tel que créée par la méthode CanvasRenderingContext2D.measureText()
.
Propriétés
TextMetrics.width
Lecture seule-
est un
double
donnant la largeur calculée en pixels CSS d'un segment de texte en ligne. Il prend en compte la police en cours du contexte. TextMetrics.actualBoundingBoxLeft
Lecture seule-
est un
double
donnant la distance en pixels CSS parallèlement à la ligne de base entre le point d'alignement donné par la propriétéCanvasRenderingContext2D.textAlign
, et le côté gauche du rectangle délimitant du texte donné. TextMetrics.actualBoundingBoxRight
Lecture seule-
est un
double
donnant la distance en pixels CSS parallèlement à la ligne de base entre le point d'alignement donné par la propriétéCanvasRenderingContext2D.textAlign
, et le côté droit du rectangle délimitant du texte donné. TextMetrics.fontBoundingBoxAscent
Lecture seule-
est un
double
donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attributCanvasRenderingContext2D.textBaseline
, et le haut du rectangle de délimitation le plus élevé de toutes les polices utilisées pour restituer le texte. TextMetrics.fontBoundingBoxDescent
Lecture seule-
est un
double
donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attributCanvasRenderingContext2D.textBaseline
, et le bas du rectangle délimitant de toutes les polices utilisées pour restituer le texte. TextMetrics.actualBoundingBoxAscent
Lecture seule-
est un
double
donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attributCanvasRenderingContext2D.textBaseline
, et le haut du rectangle de délimitation utilisé pour restituer le texte. TextMetrics.actualBoundingBoxDescent
Lecture seule-
est un
double
donnant la distance en pixels CSS entre la ligne horizontale indiquée par l'attributCanvasRenderingContext2D.textBaseline
, et le bas du rectangle de délimitation utilisé pour restituer le texte. TextMetrics.emHeightAscent
Lecture seule-
est un
double
donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriétéCanvasRenderingContext2D.textBaseline
, et le haut du carré em dans la boîte de ligne. TextMetrics.emHeightDescent
Lecture seule-
est un
double
donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriétéCanvasRenderingContext2D.textBaseline
, et le bas du carré em dans la boîte de ligne. TextMetrics.hangingBaseline
Lecture seule-
est un
double
donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriétéCanvasRenderingContext2D.textBaseline
, et la ligne de base supérieure de la boîte de ligne. TextMetrics.alphabeticBaseline
Lecture seule-
est un
double
donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriétéCanvasRenderingContext2D.textBaseline
, et la ligne de base alphabétique de la boîte de ligne. TextMetrics.ideographicBaseline
Lecture seule-
est un
double
donnant la distance en pixels CSS entre la ligne horizontale indiquée par la propriétéCanvasRenderingContext2D.textBaseline
, et la ligne de base idéographique de la boîte de ligne.
Spécifications
Specification |
---|
HTML Standard # textmetrics |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
- La méthode de création dans
CanvasRenderingContext2D
. - L'élément
<canvas>
et son interface associée,HTMLCanvasElement