TextMetrics

Baseline Widely available *

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 2015⁩.

* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.

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'attribut CanvasRenderingContext2D.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'attribut CanvasRenderingContext2D.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'attribut CanvasRenderingContext2D.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'attribut CanvasRenderingContext2D.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 # textmetrics

Compatibilité des navigateurs

Voir aussi

La méthode de création dans CanvasRenderingContext2D.
L'élément <canvas> et son interface associée, HTMLCanvasElement

Help improve MDN

Learn how to contribute

Cette page a été modifiée le ⁨3 août 2023⁩ par les contributeurs du MDN.

View this page on GitHub • Report a problem with this content