Canvas API: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 像素计算。

TextMetrs.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 像素计算。

作者:terry,如若转载,请注明出处:https://www.web176.com/canvas/7547.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年12月14日 下午3:07
下一篇 2022年12月14日 下午4:19

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注