TextMetrics
在 canvas 中,TextMetrics
接口表示文本的尺寸,通过 CanvasRenderingContext2D.measureText()
方法创建。
属性
TextMetrics.width
只读-
double 类型,使用 CSS 像素计算的内联字符串的宽度。基于当前上下文字体考虑。
TextMetrics.actualBoundingBoxLeft
(en-US) 只读-
double 类型,平行于基线,从
CanvasRenderingContext2D.textAlign
属性确定的对齐点到文本矩形边界左侧的距离,使用 CSS 像素计算;正值表示文本矩形边界左侧在该对齐点的左侧。 TextMetrics.actualBoundingBoxRight
(en-US) 只读-
double 类型,平行于基线,从
CanvasRenderingContext2D.textAlign
属性确定的对齐点到文本矩形边界右侧的距离,使用 CSS 像素计算。 TextMetrics.fontBoundingBoxAscent
(en-US) 只读-
double 类型,从
CanvasRenderingContext2D.textBaseline
属性标明的水平线到渲染文本的所有字体的矩形最高边界顶部的距离,使用 CSS 像素计算。 TextMetrics.fontBoundingBoxDescent
(en-US) 只读-
double 类型,从
CanvasRenderingContext2D.textBaseline
属性标明的水平线到渲染文本的所有字体的矩形边界最底部的距离,使用 CSS 像素计算。 TextMetrics.actualBoundingBoxAscent
(en-US) 只读-
double 类型,从
CanvasRenderingContext2D.textBaseline
属性标明的水平线到渲染文本的矩形边界顶部的距离,使用 CSS 像素计算。 TextMetrics.actualBoundingBoxDescent
(en-US) 只读-
double 类型,从
CanvasRenderingContext2D.textBaseline
属性标明的水平线到渲染文本的矩形边界底部的距离,使用 CSS 像素计算。 TextMetrics.emHeightAscent
(en-US) 只读-
double 类型,从
CanvasRenderingContext2D.textBaseline
属性标明的水平线到线框中 em 方块顶部的距离,使用 CSS 像素计算。 TextMetrics.emHeightDescent
(en-US) 只读-
double 类型,从
CanvasRenderingContext2D.textBaseline
属性标明的水平线到线框中 em 方块底部的距离,使用 CSS 像素计算。 TextMetrics.hangingBaseline
(en-US) 只读-
double 类型,从
CanvasRenderingContext2D.textBaseline
属性标明的水平线到线框的 hanging 基线的距离,使用 CSS 像素计算。 TextMetrics.alphabeticBaseline
(en-US) 只读-
double 类型,从
CanvasRenderingContext2D.textBaseline
属性标明的水平线到线框的 alphabetic 基线的距离,使用 CSS 像素计算。 TextMetrics.ideographicBaseline
(en-US) 只读-
double 类型,从
CanvasRenderingContext2D.textBaseline
属性标明的水平线到线框的 ideographic 基线的距离,使用 CSS 像素计算。
规范
Specification |
---|
HTML Standard # textmetrics |
浏览器兼容性
BCD tables only load in the browser
参见
- 创建方法在
CanvasRenderingContext2D
中。 - The
<canvas>
element and its associated interface,HTMLCanvasElement